TIL

인프런 강의에서 학습한 내용을 정리하고 복습한다. HTML 요소들을 자유자재로 배치하기 위한 방법에는 여러 가지가 있는데, Flex를 활용하여 HTML 요소를 정렬했다. Flex의 핵심은 Container(부모)와 Item이라 생각되고, Container(부모)의 첫째

인프런 강의에서 학습한 내용을 정리하고 복습한다. 1편에서 HTML과 CSS로 상품 레이아웃을 연습하고 마켓 제작에 필요한 자바스크립트 기초를 학습하였다. 오늘은 학습한 자바스크립트를 활용하여 정적인 데이터들을 동적인 데이터로 바꿔보았다. 진행한 내용을 정리해두니 정리

코드를 한 줄씩 작성 및 실행하여 결과 확인 가능하고, 문서처럼 코드를 작성하여 정리해 볼 수 있는 유용한 툴인 Juptyter Notebook 활용하고자 아나콘다를 설치했다. 아나콘다는 파이썬 컴파일러 또는 Juptyter Notebook과 같은 주요 라이브러리를 한

클라이언트는 정보를 요청하고, 서버는 요청한 정보를 제공한다. 정보를 불러오고 사용자의 요청을 처리하기 위해 파일 서버, 인증 서버, API 서버와 네트워크 통신을 하게 된다.네트워크 통신은 여러가지 방식이 있다. 이러한 방식들을 묶어서 통신 프로토콜이라 부르고, 메일

함수는 매개변수(Parameter)를 넣을 수 있고, 값을 반환할 수 있다. 콜백 함수는 함수가 나중에 불린다고 해서 붙여진 이름(CallBack)이다. 보통 콜백 함수는 함수의 인자(Argument)에 함수를 넣는 방식으로 사용한다. 콜백 함수는 자바스크립트의 비동기

자바스크립트의 코드 인터프리터는 브라우저 내부에 탑재되어 있다. 자바스크립트 코드를 브라우저에서 실행시키기 위해서다. 그런데 만약 특정 코드에서 결과를 얻기까지 오랜 시간이 걸린다면, 아래 코드는 실행이 안되므로 정상 동작하지 않을 것이다. 대표적으로 네트워크 통신과

axios를 사용하려면 아래 코드를 불러오면 된다. Using jsDelivr CDN:axios는 기본적으로 비동기 처리를 하는 promise 객체를 리턴한다.아래와 같이 사용할수 있다.Devtools 켜보면 아래와 같이 status code와 data 정보가 나타남.

API Test Tool인 Postman으로 mock server를 만들고 사용해보았다. 아래의 INITIAL VALUE 값을 URL로 사용할 수 있다.SEND를 누르면 Body에 위 결과가 나타난다.INITIAL VALUE 값의 URL로 접속하면 위 결과가 나타난다.

JSON은 JavaScript Object Notation의 약자이다. 데이터 저장 또는 전송할 때 많이 사용하는 DATA 형식이다. 즉 네트워크 통신에 필요한 데이터를 주고받거나, 개발 과정에서 간단한 데이터를 저장하는 경우에 사용한다.JSON은 JavaScript

javascript로 서버 구축 전, 포스트맨으로 임시 서버를 만든 상태.URL은 포스트맨에서 만들어둔 mock-server의 값을 사용.사이트 로딩 시 위 스크립트 실행 후 네트워크 통신이 끝나면 result에 값이 들어오게 됨. 비동기 통신이기 때문에 하단 작업들은