코드잇3 [Codeit;] 자바스크립트 웹 개발 기본기 1. 웹 기초 다지기 //fetch: 리퀘스트 전송, 리스폰스 수신 함수fetch('https://www.google.com') //리스폰스 수신 시 실행(콜백 함수) .then((response) => respones.text()) .then((result) => { console.log(result); }); 2. Web API 배우기 fetch('https://jsonplaceholder.typicode.com/users') .then((response) => response.text()) .then((result) => { const users = JSON.parse(result); //JSON.parse: string 타입 JSON 데이터 -> 객체 타입 변.. 2024. 8. 3. [Codeit;] 쿠키, 세션 스토리지, 로컬 스토리지 이해하기 1. 쿠키서버로부터 리스폰스로 쿠키를 받음 ➡️ 클라이언트: 웹 브라우저가 알아서 저장 & 리퀘스트를 보낼 때도 웹 브라우저가 알아서 보냄자바스크립트를 통해 쿠키 값 추가, 수정, 참조 가능수명을 지정 가능, 수명이 다한 쿠키는 자동으로 삭제서버: 리스폰Set-Cookie: session-id=1234; Domain=codeit.kr; Path=/; HttpOnly; Secure; SameSite=Strict; Max-Age=2592000; 클라이언트: 전송Cookie: session-id=1234; Domain=codeit.kr; Path=/; HttpOnly; Secure; SameSite=Strict; Max-Age=2592000; //도메인 지정 -> 서브 도메인 리퀘스트 시에도 쿠키 전송 Dom.. 2024. 7. 31. [Codeit;] CSS 레이아웃 +) displaydisplay: block/*위 -> 아래 배치*//*, , */display: inline/*글 쓰는 순서대로 배치, 위아래 크기 X*//*, , */display: inline-block/*인라인 태그에 크기 부여*/ 2. Position position: static/*원래 있어어야할 위치, 일반적인 글의 흐름*/position: relative/*기준: 원래 static position의 위치기존 자리 차지*//*margin과 차이점: 독립적으로 이동*/position: absolute/*기준: 가장 가까운 포지셔닝이 된 조상요소기존 자리 차지 X*//*크기 지정 X: 내부 텍스트만큼의 크기*/inset: npx/*top: npx; bottom: npx; right: npx; .. 2024. 7. 30. 이전 1 다음