공부하자

3. Next.js 프로젝트에서 yarn start(or npm run start) 스크립트를 실행했을 때 실행되는 코드를 Next.js Github 레포지토리에서 찾은 뒤, 해당 파일에 대한 간단한 설명을 첨부해주세요. Next.js 세팅 가이드 👉 https://nextjs.org/docs/getting-started Docs | Next.js Using App Router Features available in /app nextjs.org Next.js Github 레포지토리 👉 https://github.com/vercel/next.js/ GitHub - vercel/next.js: The React Framework The React Framework. Contribute to vercel/ne..

http 프로토콜의 한계를 보안하기 위해 쿠키 또는 세션을 사용한다. 기본적으로 HTTP 프로토콜 환경은 비연결지향(connectionless), 무상태(stateless)한 특성을 가지기 때문에 요청만으로 서버는 클라이언트를 구별할 수 없다. 비연결성지향(connectionless) HTTP는 먼저 클라이언트가 요청을 서버에 보내면, 서버는 클라이언트에게 요청에 맞는 응답을 보내고 TCP/IP 연결을 끊는 특성이다. HTTP 1.1에서는 헤더에 keep-alive라는 값을 줘서 커넥션을 재활용한다. 무상태(stateless) 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보를 유지하지 않는 특성이다. 쿠키 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일. HTTP..

stack 스택이란 어떠한 자료를 쌓아서 올려놓은 형태의 자료구조. [ stack의 특징 ] 가장 마지막에 삽입된 자료가 가장 먼저 삭제된다. - 후입선출(LIFO) 자료의 삽입(push)과 삭제(pop)가 한 곳(top)에서만 이루어진다. 만약 스택이 비어있을 때 자료를 꺼내려고 하면 스택 언더플로우가 발생하고 스택이 꽉 차 있을 때 자료를 넣으려고 하면 스택 오버플로우가 발생한다. [ stack의 활용 예시 ] 웹 브라우저 뒤로가기 문서작업에서 ctrl + z (실행 취소) 역순 문자열 만들기 후위 표기법 계산 queue 데이터들이 일렬로 줄 서서 기다리는 것 [ queue의 특징 ] 먼저 들어온 데이터가 먼저 나가는 구조 - 선입선출(FIFO) 삭제 연산이 이루어지는 곳 프론트(enQueue) 삽입..

Get 클라이언트에서 서버로 어떠한 리소스로부터 정보를 요청하기 위해 사용되는 Method (요청에 body 유무) URL 파라미터에 요청하는 데이터를 담아보내서 HTTP 메세지에 body가 없다. (멱등성) 리소스를 조회하는 거라 여러번 요청해도 항상 똑같은 응답을 받는다. get 요청은 캐시가 가능하다. get 요청은 브라우저 히스토리에 남는다. get 요청은 길이 제한이 있다. get 요청은 중요한 정보를 다루면 안된다. (파라미터에 다 노출이 되기때문) get 요청은 데이터를 요청할때만 사용 된다. Post 클라이언트에서 서버로 리소스를 생성하거나 업데이트하기 위해 데이터를 보낼 때 사용되는 Method (요청에 body 유무) body에 데이터를 담아보낸다. (멱등성) 리소스를 새로 생성하거나 ..

자바스크립트에서 변수를 선언할 때 var, let, const이 3가지 키워드를 사용해야 한다. ES5까지 변수를 선언할 수 있는 방법은 var 키워드였고, var 키워드의 문제점을 보완해 ES6부터 나온것이 let, const 키워드이다. let과 const 키워드의 특성은 거의 동일해서 마지막에 const 키워드만의 특징을 간략하게 얘기하고, var와 let 키워드의 차이점을 3가지 관점에서 먼저 알아보겠다. [ 변수 중복 선언 ] var는 변수 중복 선언이 가능하다. 그래서 동일한 이름의 변수가 먼저 선언되었는지 모르고 변수를 중복 선언하면서 값까지 할당하면 의도치 않게 먼저 선언된 변수 값이 바뀌는 부작용이 발생한다. 하지만 let키워드는 변수 중복 선언이 금지되어있어 같은 이름의 변수를 중복 선..