profile
Quality Assurance Engineer | 브런치에서 TIL은 별로인걸
post-thumbnail

TIL 10 | 지오 마켓 03 Axios로 네트워크 통신 후 상품 정보 불러오기

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

2021년 5월 14일
·
0개의 댓글
·
post-thumbnail

TIL 09 | JSON?

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

2021년 5월 14일
·
0개의 댓글
·
post-thumbnail

TIL 08 | Postman mock server 만들어보기

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

2021년 5월 9일
·
0개의 댓글
·
post-thumbnail

TIL 07 | Axios 통신

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

2021년 5월 9일
·
0개의 댓글
·
post-thumbnail

TIL 06 | Javascript 비동기 처리 개념

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

2021년 5월 9일
·
0개의 댓글
·
post-thumbnail

TIL 05 | Javascript 콜백 함수 기본 개념

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

2021년 5월 9일
·
0개의 댓글
·
post-thumbnail

TIL 04 | 클라이언트와 서버, HTTP 통신 기초 정리

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

2021년 5월 9일
·
0개의 댓글
·
post-thumbnail

TIL 03 | Mac OS 아나콘다 Jupyter Notebook Lunch 경로 에러 해결하기

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

2021년 5월 6일
·
0개의 댓글
·
post-thumbnail

TIL 02 | 지오 마켓 02 Javascript로 HTML CSS 조작하기

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

2021년 5월 6일
·
0개의 댓글
·
post-thumbnail

TIL 01 | 지오 마켓 01 HTML CSS Javascript Basics

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

2021년 5월 6일
·
0개의 댓글
·