나뇽's 개발 일지

#1. 크롬 개발자 도구 - 단축키 (F12) - Computed 탭 현재 요소 스타일이 더 보기 좋게 나옵니다. Group 체크박스를 클릭하면 한층 더 깔끔하게 스타일 속성을 확인할 수 있습니다. - Network 탭 현재 탭에 있는 웹 브라우저 네트워크 분석현황을 볼 수 있습니다. 서버로 부터 요청한 파일을이 어떤 순서대로 응답받는지 나오고, 해당 내용도 살펴볼 수 있습니다. 응답받은 파일을 종류별로도 확인할 수 있습니다. - Application 탭 스토리지와 쿠키를 확인해 볼 수 있습니다. 스토리지는 웹 브라우저가 프로토콜별(간단하게 웹주소)로 데이터를 저장할 수 있는 공간입니다. 쿠키는 서버에서 웹브라우저에게 전송하는 작은 데이터 조각입니다. #2. 웹을 구성하는 요소 - HTML(정보 또는 설..

#1. HTML이란? - 마크업 언어 (페이지에 게시할 콘텐츠에 추가로 주석을 더하기 위한 언어) - 웹페이지에 있는 다양한 콘텐츠에 각기 다른 의미를 부여 (텍스트, 링크, 이미지, 버튼 등) - 콘텐츠를 설명하는 역할 - 게시하고자 하는 콘텐츠, 구조 및 의미를 브라우저에게 전달 - HTML Element : 각 콘텐츠가 브라우저에 적절하게 표시될 수 있게끔 하는 역할 #2. HTML 요소 https://developer.mozilla.org/ko/docs/Web/HTML HTML: Hypertext Markup Language | MDN HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 이외..

#1. How The Internet works 인터넷이란 ? - 전 세계의 모든 기기를 연결하는 방대한 인프라를 갖춘 네트워크 - 연결된 컴퓨터들의 묶음 (네트워크의 네트워크) #2. Intro to the web 웹이란 ? - 인터넷을 통해 리소스를 공유하게 하는 정보 시스템 (HTTP 기반) - 리소스는 URL로 식별됨 - HTTP(S) = 웹의 실제 작동 방식으로서의 정보 전송 방식, 프로토콜 (특정한 의사 소통이 이루어지는 방식에 대한 일련의 표준화된 규칙), 다른 프로토콜도 존재( TCP IP 프로토콜) - 클라이언트 ↔ 서버 #3. HTTP Request/Response Cycle