| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
- Main
- 바닐라JS
- Next.js
- js
- 백준
- 다시 홧팅
- axios
- 클라이언트 컴포넌트
- fetch pull 차이
- HTML
- Mac
- 공부할 거 넘많다~
- git flow start
- 실무는 공식문서로
- api 라우트
- 끝까지 잘 마무리하기
- javascript30
- 차이점
- TS
- AJAX
- JavaScript
- git
- 서버 컴포넌트
- jQuery
- 개발일지
- git flow finish
- 힘들었던 한주
- CSS
- freecodecamp
- 책으론 원리만
- Today
- Total
목록Computer Science (3)
다다의 개발일지 6v6
주소창에 https://www.example.com 를 입력한다. 어떤 일이 일어날지 알아보자. 1. URL 해석 및 DNS 조회 (Domain Name System)사용자가 입력한 https://www.example.com을 브라우저가 분석함.브라우저가 example.com의 IP주소를 찾기위해 캐시에서 DNS 기록을 확인한다.DNS 조회 과정 ( 먼저 캐시에서 DNS 기록을 확인하고 없으면 루트 네임서버로 ):브라우저 캐시 확인 → 최근 방문한 사이트라면 저장된 IP 사용운영체제(OS) 캐시 확인로컬 네트워크(라우터) 캐시 확인ISP(internet service provider로 KT SKT 같은곳을 의미) DNS 서버 캐시 조회최종적으로 루트 네임서버를 거쳐 실제 IP 주소 조회DNS 조회 과정 ..
Axios란?Axios는 HTTP 요청을 쉽게 보낼 수 있도록 도와주는 자바스크립트 라이브러리REST API와 통신할 때 사용되며, Promise 기반의 비동기 HTTP 요청을 쉽게 관리할 수 있음. ✅ 주요 특징✔ Promise 기반 → async/await 사용 가능✔ 자동 JSON 변환 → 응답 데이터를 JSON으로 자동 변환✔ 요청 & 응답 인터셉터 지원 → 요청 전/후 데이터를 가공 가능✔ 취소 기능 → 요청을 중간에 취소 가능✔ 타임아웃 설정 → 일정 시간 동안 응답이 없으면 자동으로 요청 취소✔ 브라우저 & Node.js 환경에서 사용 가능 Axios 기본 사용법1️⃣ GET 요청import axios from "axios";axios.get("https://jsonplaceholder.ty..
JWT (JSON Web Token) 토큰이란?JWT 는 웹 애플리케이션에서 인증 및 정보 교환을 위해 사용하는 토큰이다.사용자의 로그인 상태를 유지하거나, 정보를 안전하게 주고받는 데 사용된다!JWT는 로그인 후 서버가 생성하는 디지털 서명된 토큰으로,사용자가 로그인할 때마다 세션을 유지하지 않고도 신원을 확인할 수 있음 JWT 토큰의 특징JSON 형식으로 데이터 저장자체적으로 인증 정보를 포함 (서버가 세션을 저장할 필요 없음 → Stateless -> 보안 강화)디지털 서명 포함 → 변조 불가능주로 로그인 인증(Authentication)에 사용 JWT의 구조 (3가지 부분으로 구성됨)JWT는 .(점)으로 구분된 3가지 부분으로 이루어져 있음.eyJhbGciOiJIUzI1NiIsInR5cCI6Ikp..