본문 바로가기

WEB31

[WEB] README.md 작성 법 (Next.js) README.md란?처음 코드를 접하는 사람이 가장 먼저 보는 문서이며, 프로젝트 개요와 실행 방법, 기술 스택, 구조 등을 알려주는 안내서이다.특히 협업 환경에서는 README.md만 잘 작성해도 새로 합류한 사람이 빠르게 프로젝트를 이해할 수 있다.이번 글에서는 Next.js 프론트엔드 프로젝트를 기준으로 README.md 작성법과 예시 템플릿을 정리한다.README.md에 있어야 할 기본 요소README.md는 보통 아래 항목들을 포함하는 것이 좋다.프로젝트 개요 – 프로젝트가 무엇인지 한 줄 설명이다.기술 스택 – Next.js 버전과 주요 라이브러리를 나열하는 부분이다.설치 및 실행 방법 – 개발 환경에서 빠르게 실행할 수 있도록 단계별로 설명하는 부분이다.폴더 구조 – 주요 디렉토리와 역할을 .. 2025. 9. 3.
[WEB] 세션 VS 쿠키 차이점 HTTP 는 클라이언트가 누구인지 매번 확인해야하는 특성을 보완하기 위해 쿠키와 세션을 사용한다. 쿠키(Cookie) [정의 및 특징] 클라이언트(브라우저/개인 컴퓨터)로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지 클라이언트 상태정보를 로컬(브라우저)에 저장 후 참조 사용자가 따로 요청하지 않아도 브라우저가 Request 시에 Request Header를 넣어 자동으로 서버에 전송 [동작 방식] 클라이언트가 페이지를 요청 서버에서 쿠키 생성 HTTP 헤더에 쿠키를 포함시켜 Response 브라우저가 종료되어도 쿠키 만료 기간이 있다면 클라이언트에서 보관 같은 요청을 할 경우 HTTP 헤더에 쿠키.. 2023. 12. 11.
[WEB] GET과 POST의 차이 1. HTTP Method HTTP Method는 클라이언트가 서버에 요청의 목적 및 종류를 알리는 수단이다. HTTP Method의 종류는 다음과 같다. GET POST PUT DELETE GET은 서버에서 데이터를 조회할 때 사용 - CRUD 기능에서: Read(조회) POST는 서버에 데이터를 생성할 때 주로 사용 - CRUD 기능에서 CREATE(생성) 2. GET 방식 GET 방식은 HTTP Method 중 하나로 주로 서버에 데이터를 조회할 때 사용 URL을 통해 모든 파라미터를 전달하기 때문에 주소창에 전달 값이 노출되고, URL 길이가 제한이 있기 때문에 전송 데이터 양이 한정되어 있고, 형식에 맞지 않으면 인코딩해서 전달해야 한다. URL에 파라미터가 노출되기 때문에 GET 방식은 보안 .. 2023. 12. 11.
라이브러리(Library) VS 프레임워크(Framework) 사전적 의미 라이브러리(Library) 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다. 여기에는 구성 데이터, 문서, 도움말 자료, 메시지 틀, 미리 작성된 코드, 서브루틴, 클래스, 값, 자료형 사양을 포함할 수 있다. -위키백과 프레임워크(Framework) 컴퓨터 프로그래밍에서, 소프트웨어 프레임워크(software framework)는 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조이다. 간단히 뼈대, 골조(骨組), 프레임워크(framework)라고도 한다. -위키백과 라이브러리(Library) 특정 기능을 모아둔 코드, 함수들의 집합이며 코드 작성 시 활용 가능한 도구들을 의미한다. 사용 예시) Python pip으로 설치한 패키지/모듈(tenso.. 2023. 10. 25.