til3 [TIL] 웹, 웹의 동작원리, 웹 호스팅 엘리스 SW 엔지니어 트랙 2기 TIL(Today I Learned)이지만, 미루다 미루다 이제서야 조금씩 써봅니다. 웹 vs 인터넷 웹과 같은 서비스들은 모두 인터넷 위에서 돌아간다. 인터넷은 웹을 포함한다. 웹이 자동차라면 인터넷은 그 자동차들이 지나가는 도로 웹이 건물이라면 인터넷은 그 건물들이 모여 만드는 도시 웹의 창시자 : 팀 버너스 리 웹의 동작원리 (웹 브라우저) Client host (웹 서버) Server host 관계이다. info.cern.ch에 가서 index.html을 요청하면, web 서버는 자신의 하드에서 index.html를 찾아서 응답한다. open with live server 확장 기능 : 위 그림에서 ‘WEB 서버’ 의 역할이다. http://ABC/index.htm.. 2022. 6. 28. [TIL] 선택자와 CSS 스타일링 엘리스 SW 엔지니어 트랙 2기 TIL(Today I Learned)이지만, 미루다 미루다 이제서야 조금씩 써봅니다. CSS 선택자 선택자란, 많은 HTML 태그들 중에서 특정 태그를 선택하는 요소입니다. 특정 HTML 태그에 CSS 효과를 주기 위해 부여하는 선택자가 CSS 선택자입니다. 전체 선택자, 태그 선택자, 클래스 선택자, 아이디 선택자, 복합 선택자 등이 있습니다. 클래스 선택자 vs 아이디 선택자 HTML 문서에서 특정 id 속성값은 중복될 수 없습니다. 그러므로, 한 페이지 내에서 반복될 가능성이 있는 스타일들은 클래스 선택자를 사용하여 그룹핑하고, 단 한번 유일하게 적용되고자 하는 스타일들은 아이디 선택자를 사용합니다. 클래스, 아이디 선택자를 이용한 CSS 스타일링 예시 First S.. 2022. 6. 26. [TIL] HTML 구조 엘리스 SW 엔지니어 트랙 2기 TIL(Today I Learned)이지만, 미루다 미루다 이제서야 조금씩 써봅니다. 기본적인 HTML 코드 구조 head 태그 head 태그는 문서의 머리를 나타내는 태그입니다. 브라우저 화면에 직접 보이는 내용은 아니지만, 숨은 데이터를 정의하는 태그들이 들어가게 됩니다. title, meta 태그 등이 들어갈 수 있으며, css 파일을 링킹하는 link 태그나 js 파일을 링킹하는 script 태그도 포함될 수 있습니다. title 태그 : 웹 페이지의 탭에 들어갈 제목 meta 태그 : 해당 문서에 대한 정보인 메타데이터(metadata)를 정의 link 태그 : 주로 외부 스타일 시트(external style sheet)를 연결할 때 사용 script 태그 : .. 2022. 6. 26. 이전 1 다음
