코딩스토리

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을 알려준 갓갓 형님.. 너무 감사합니다!!) 템플릿 문자열 기존 자바스크립트에서 문자열을..

# 이 글은 책 "Do it! 클론 코딩 영화 평점 웹서비스"를 바탕으로 쓴 글입니다. 드디어 클론 코딩을 끝냈다. 중간에 우여곡절이 많았다. 먼저 꼭 공유하고 싶은 정보가 있어서 남긴다. Git-pages 업로드 오류 해결 내가 이것 때문에 몇 시간을 잡아먹었는지 모르겠다. 혹시나 나같은 사람에게 도움이 될까 남겨놓는다. 첫 번째 에러 : fatal: a branch named 'gh-pages' already exists. > npm run deploy 이 명령어를 입력해보니 화면이 쫘악 뜨다가 뭔가 ERR가 떴다. 처음엔 아무 생각 없이 내가 잘못 입력한 코드가 있겠지 싶어서 cmd 창을 끄고 다시 시도했다. 근데 다시 시도해보니 위와 같은 오류가 발생했다. 내 간소한 영어 지식으로 해석해보자면....

# 이 글은 책 "Do it! 클론 코딩 영화 평점 웹서비스"를 바탕으로 쓴 글입니다. 드디어 본격적인 영화 web을 클론 코딩한다. 이 Web을 만들 때의 데이터는 영화들의 정보에 대한 API를 받아와 사용할 것이다. 여기서 API란 뭘까? 책에 나와있진 않지만 평소에도 궁금했었고 자주 들었지만 실제로 접해본 적은 없었기에 한번 찾아보았다. 위키백과에는 다음과 같이 정의되어있다. "API란 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다." 넹...? 응용 프로그램, 운영 체제, 프로그래밍 언어, 인터페이스 이 단어들 모두 아는 단어들인데 조합해 놓으니까 뭔 소린지 잘 모르겠넼ㅋㅋㅋ 뭐.. 어쨌든 그렇다고 한다. 궁금증을 안고..