테크커런트

웹 개발을 공부하다 보면 거의 반드시 만나게 되는 단어가 있습니다. 바로 REST API입니다.프론트엔드에서 백엔드 서버로 데이터를 요청할 때도 REST API를 사용하고, 모바일 앱이 서버에서 회원 정보나 게시글 목록을 가져올 때도 REST API를 사용합니다. Spring Boot, Node.js, Django, FastAPI 같은 백엔드 프레임워크를 배울 때도 REST API는 기본 개념처럼 등장합니다.하지만 처음 접하면 용어부터 헷갈릴 수 있습니다.“API는 알겠는데 REST는 무엇일까?”“REST API와 그냥 API는 다른 걸까?”“GET, POST, PUT, PATCH, DELETE는 언제 다르게 써야 할까?”“URI는 어떻게 설계해야 좋은 API라고 할 수 있을까?”이번 글에서는 REST ..

Computer Science/NetWork 2026. 6. 9. 20:43

요약 한 줄쿠키는 브라우저가 들고 다니는 작은 메모, 세션은 서버가 기억하고 쿠키(JSESSIONID)로 찾아오는 저장공간입니다. 로그인/장바구니는 보통 “세션”으로, “아이디 기억하기”는 “쿠키”로! 목차쿠키 vs 세션 한눈 비교쿠키: 브라우저가 저장하는 메모세션: 서버가 관리하는 사용자 상태로그인 흐름(쿠키·세션 조합) 실전 이해보안 옵션(HttpOnly/Secure/SameSite) 핵심서블릿/톰캣 기준 코드 예제빈출 질문 & 실수 모음체크리스트(면접/시험 대비)1) 쿠키 vs 세션 한눈 비교구분 쿠키(Cookie) ..

Computer Science/NetWork 2025. 8. 24. 08:18

📖 본문1. 크리티컬 렌더링 패스란?브라우저가 HTML, CSS, JavaScript를 해석하고,**사용자가 볼 수 있는 화면(Pixel)**으로 만드는 전체 과정을 말합니다.즉, “코드를 → 화면”으로 바꾸는 여정이죠.2. 단계별 과정① HTML 파싱 → DOM 생성브라우저가 HTML 파일을 위에서부터 한 줄씩 읽음태그를 구조화하여 DOM(Document Object Model) 트리로 만듦② CSS 파싱 → CSSOM 생성 또는 태그의 CSS를 해석CSS 규칙을 트리 구조로 만들어 CSSOM 형성③ Render Tree 생성DOM + CSSOM 결합 → 렌더 트리(Render Tree) 생성실제 화면에 보여질 요소와 스타일 정보만 포함④ 레이아웃(Layout)각 요소의 크기와 위치 계산반응형이라면..

Computer Science/NetWork 2025. 8. 9. 21:44

📖 본문1. 사용자가 URL 입력브라우저 주소창에 https://example.com 을 입력하면, 브라우저는 "이 주소의 컴퓨터(IP)를 찾아야겠다!" 라고 생각합니다.2. DNS 조회도메인(example.com)은 그냥 이름일 뿐, 실제로는 IP 주소를 알아야 서버를 찾을 수 있습니다.브라우저 → DNS 서버에 “example.com IP 뭐야?”DNS 서버 → “192.0.2.1 입니다!”3. TCP 연결 (3-Way Handshake)브라우저와 서버가 "안전하게 데이터 주고받자" 하고 약속을 맺습니다.브라우저 → 서버: “나 연결할래(SYN)”서버 → 브라우저: “좋아, 연결하자(SYN+ACK)”브라우저 → 서버: “알았어(ACK)”4. HTTP 요청 보내기브라우저가 서버로 HTTP Reques..

Computer Science/NetWork 2025. 8. 9. 21:35

📡 “404야, 내 마음도 Not Found다...”✅ HTTP 상태코드란?서버가 클라이언트의 요청에 대해 어떤 결과를 돌려줬는지 알려주는 숫자 코드입니다.예를 들어..."응, 잘 받았어!" → 200 OK"어..? 너 누구?" → 401 Unauthorized"뭐라는 거야?" → 400 Bad Request🎯 상태코드는 크게 5가지로 나뉩니다범위의미예시1xx정보거의 안 씀2xx성공200, 201, 2043xx리다이렉트301, 302, 3044xx클라이언트 에러400, 401, 403, 4045xx서버 에러500, 502, 503, 504 🔵 2xx: 성공했어요!코드의미설명200 OK정상 처리 완료제일 자주 보는 성공 코드201 Created생성됨POST로 새 리소스 생성 시204 No Conten..

Computer Science/NetWork 2025. 8. 4. 20:28

RESTful API는 웹 개발자라면 반드시 알아야 할 핵심 기술입니다.✅ REST란 무엇인가요?**REST(Representational State Transfer)**는 2000년에 로이 필딩(Roy Fielding)이 논문에서 처음 제안한 아키텍처 스타일입니다.쉽게 말해, 웹에서 자원을 HTTP 방식으로 다루는 표준화된 방법이라고 생각하시면 됩니다.📌 REST의 6가지 핵심 제약조건제약 조건설명1. 클라이언트-서버 구조역할을 분리하여 유지보수성과 확장성 향상2. 무상태(Stateless)요청 간 서버는 클라이언트 상태를 저장하지 않음3. 캐시 처리 가능응답 데이터는 캐싱될 수 있어야 함4. 계층화 시스템중간 서버를 통해 확장 구조 구성 가능5. 인터페이스 일관성URI, HTTP 메서드 등 통일된 ..

Computer Science/NetWork 2025. 8. 4. 20:22

🔷 쿠키(Cookie)란?정의: 사용자의 브라우저에 저장되는 작은 데이터주 용도: 로그인 유지, 사용자 설정 저장특징클라이언트(브라우저)에 저장됨서버가 Set-Cookie 헤더로 설정매 요청마다 자동으로 서버에 함께 전송됨보안에 취약할 수 있음 (노출 가능성)Set-Cookie: sessionId=abc123; Path=/; HttpOnly🔷 세션(Session)이란?정의: 서버가 사용자 정보를 서버 메모리 또는 DB에 저장하고 식별하는 방식주 용도: 인증 정보 저장 (로그인 상태)특징서버에서 관리됨사용자는 식별자(sessionId)만 쿠키로 보유상대적으로 안전하지만 서버에 부담이 있음🔷 토큰(Token)이란?정의: 인증 정보를 포함한 문자열(주로 JWT 형식)을 클라이언트가 보관주 용도: API ..

Computer Science/NetWork 2025. 8. 2. 13:59

웹 개발에서 클라이언트와 서버 간 통신은 대부분 HTTP 메서드를 통해 이루어집니다.특히 GET, POST, PUT, PATCH, DELETE는 REST API 설계의 핵심이라고도 할 수 있죠.이 글에서는 각 메서드의 역할, 차이점, 사용 시 주의사항을 모두 정리해드립니다.✅ GET목적: 데이터 조회특징:URL 쿼리 파라미터 사용 (/users?name=kim)데이터 변경 없음캐시 가능, 브라우저 주소창에서 사용 가능사용 예시: 게시글 목록 조회, 유저 정보 조회 등✅ POST목적: 데이터 생성 (Create)특징:Body에 JSON, form 데이터 전송서버 상태를 변경함재요청 시 중복 생성 주의사용 예시: 회원가입, 글 작성, 댓글 등록✅ PUT목적: 리소스 전체 수정 (Update All)특징:존재..

Computer Science/NetWork 2025. 7. 31. 20:09