코딩스토리

HTTP란 Hyper Text Transfer Protocol의 약자로 클라이언트와 서버 사이의 데이터 교환에 사용되는 프로토콜이다. 클라이언트(사용자, 브라우저)가 서버에 요청하는 것을 요청(request), 요청에 대한 답으로 서버가 클라이언트에게 보내는 것을 응답(response)이라고 한다. HTTP는 어플리케이션 레이어에 속한 프로토콜이다. 웹 페이지가 우리에게 보이는 과정을 간단하게 살펴보면 웹 브라우저가 Web 페이지의 HTML 문서를 가져오기 위해 서버로 요청(request)을 보낸다. Web 페이지의 파일들을 분석하여 실행해야 할 스크립트, 하위 리소스들(이미지, 비디오 등), 레이아웃 정보 등 에 해당하는 추가적인 요청들에 대한 응답(response)을 서버로부터 받는다. 브라우저는 완..

산학 프로젝트 관련 준비로 크롤링을 공부하려고 구글링을 해봤다. 일단 Youtube에는 대부분 파이썬으로 크롤링을 하는데 우리는 JavaScript를 사용할 예정이므로 더 찾아보니 크롤링을 하려면 Ajax, Axios, Cheerio... 등등 공부할게 너무 많았다. 지금 공부한 게 0, 말 그대로 바닥이어서 일단은 가장 많이 들어보고 언젠간 반드시 해야 할 것 같았던 Ajax를 공부하기 시작했다. 생코 강의를 열심히 듣다가 밥 먹고 잠깐 침대에 누워서 Yotube를 켰는데 무슨 알고리즘인지 추천 영상에 Open Api를 활용하는 영상이 있었다. 그 영상을 보니 Javascript, JQuery, Ajax를 사용하여 Api를 사용하는 방법을 대충? 알게 되었다. 갑자기 소학뽕에 취해 Api를 가져와서 코..

var vs let 기존에는 var이란 예약어로 변수를 선언했었음. 이제는 구문적인 변수 영역 규칙(렉시컬 스코프)을 지원하도록 자바스크립트가 변했다. 예시를 통해 살펴보자. 다른 언어를 사용했었던 사람이라면 신기할 수 있다. 두 번 if문 안에서 선언한 x가 결국은 global 변수와 같다는 이야기이다. 이제 let으로 변수를 선언해보자. 아하! 뭐가 다른지 보인다. 이 코드를 통해 렉시컬 스코프를 지원한다는 의미가 무슨 의미인지 확실히 이해할 수 있다. 그렇다면 이 코드가 왜 오류가 나는지도 쉽게 이해할 수 있다. (내가 기존에 공부했던 자바스크립트가 정말 오래전꺼였구나.. 이제야 조금씩 윤곽이 잡히네ㅎㅎ let을 알려준 갓갓 형님.. 너무 감사합니다!!) 템플릿 문자열 기존 자바스크립트에서 문자열을..

# 이 글은 INSIDE JavaScript(저자 송형주, 고현준) 책 내용을 바탕으로 작성한 글입니다. 실행 컨텍스트 개념 실행 컨텍스트 = 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념 즉, 실행 가능한 자바스크립트 코드 블록이 실행되는 환경이다. 이 말이 뭔말인지 잘 이해가 안 가는데.. 코드로 보자. console.log("This is gloabal context"); function ExContext1(){ console.log("This is ExContext1"); }; function ExContext2(){ ExContext1(); console.log("This is ExContext2"); }; ExContext2(); 처음엔 책을 보고 이게 무슨 내용일까 계속 생각했는데 코..

# 이 글은 INSIDE JavaScript(저자 송형주, 고현준) 책 내용을 바탕으로 작성한 글입니다. arguments 객체 C언어로 작성된 아래와 같은 코드를 보자. void print(int a, int b){ cout