Chapter 02 자바스크립트 2. 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 html 파일에 js파일을 import하는 가장 효율적인 방법 먼저, head에 script를 추가하는 방법이다. 브라우저가 파일을 읽을 때 html css를 한줄한줄씩 읽으면서 DOM요소로 변환/분석하게 된다. 그런데 이렇게 html을 parsing하는 과정에서 head에 추가된 script를 만나면서 parsing하던 과정을 멈추게되고 script를 fetching(다운)받아서 executing(실행)한 후에 나머지 html을 parsing하게 된다는 것이다. 이렇게 script를 추가하게 되면 생기는 단점은 script파일이 엄청 커지게 되면 그만큼 읽는데 시간이 걸리..

쿠키란 서버가 웹 브라우저에게 주는 것인데 쿠키를 사용하게 되면 클라이언트가 브라우저에 접속했을 때 어떤 클라이언트가 접속했는지 알 수 있어 유용하게 사용될 수 있습니다. 쿠기가 있으면 서버가 내가 누구인지를 쉽게 알아낼 수 있기 때문에 로그인, 인증 같은 부분에서 많이 사용되는 부분입니다. 쿠키를 다른 상황으로 비유해보자면 인터넷 상에서 쇼핑을 하면서 장바구니에 어떤 것을 픽해두고 볼일이 생겨 다른 것을 하고 다시 돌아왔을 때 장바구니에 그대로 내가 픽했던 것들이 유지되어 있는 것이 있습니다. 실제로 쿠기를 갖게되는 방법은 아래와 같은데 클라이언트가 서버에 접속하게 되면 서버는 Response(응답)을 하게 되면서 브라우저에게 쿠키라는 것을 쥐어줍니다. 위 사진에서는 count=1이라는 값을 쿠키값으로..

HTTP는 Hyper Text Transfer Protocol의 약자로 서버와 브라우저가 서로 이해하기 위한 규약을 텍스트로 정의해 둔 것이다.- 웹은 크게 브라우저와 서버로 구성되어 요청받고 응답하는 과정이 잘 이루어지기 위해서 HTTP라는 규칙을 따르고 있다. 실제로 개발자 도구의 Network탭에서 요청된 내역을 살펴보면 아래와 같은 것을 볼 수 있는데 Request와 Response가 잘 이루어지 위해 HTTP로 정해진 규정을 지키고 있는 모습을 볼 수 있다. 출처: https://opentutorials.org/course/2136/12063

우리가 서버에 접속해서 서버에게 어떤 정보를 받아오는 것을 GET방식이라고 합니다. 더 정확히 표현해보자면 클라이언트 입장으로 보았을 때 우리가 서버에게 어떠한 정보를 가져오는(GET)것인 셈이죠. 그렇다면 POST방식은 무엇일까요? 우리는 지금까지 POST방식을 단 한번도 사용하지 않았습니다. POST는 대체적으로 내 정보를 서버에게 보내는 작업을 할 때 POST메서드를 사용하게 되어있습니다. 코드를 예를 들어 설명해보겠습니다. 1) GET방식 const express = require('express'); const app = express(); app.set('view engine', 'jade'); app.set('views', './views'); app.use(express.static('pu..