100일 코딩 챌린지 - Web Development 부트캠프
<1일차>
예시 : https : // programing / tutorials
https / http : 자동으로 처리되는 프로토콜
programing : 도메인
tutorials : 경로 (하위 경로, Path)
주소를 입력할 때 무슨 일이 일어나는가?
1. 도메인을 입력
2. 브라우저가 서버에 요청
3. 서버가 웹사이트 코드로 응답
인터넷에 관련된 모든 것은 IP 주소가 있다
예시: 104.59.62.31
모든 기기들은 IP 주소를 가지고 있음
서로 연결되는 데 필요하고, 연결/요청을 보내는데 사용된다
(모든 기기들은 IP 주소는 가지고 있지만, 도메인은 가지고 있지 않을 수 있기 때문에
도메인을 연결하는 데 직접 사용하지 않는다
DNS서버 (매핑 테이블을 포함: 도메인과 도메인에 속하는 IP를 갖고있는 것)
도메인을 입력하면 브라우저는 도메인을 IP주소로 변환하기 위해 DNS 서버와 연결,
IP주소를 전달받음
이후 요청(사람->컴퓨터)-응답(컴퓨터->사람)을 빠르게 진행
도메인은 유일하기 때문에 겹칠 수는 없다
(물론 IP주소를 갖고있다고 컴퓨터에 무작정 연결할 수 있는 것은 아니다)
(장치 트래픽이 허용되지 않기 때문이다)
www ) www . amazon . com은 루트 도메인, amazon . com은 하위 도메인이라고 한다
<2일차>
속성 (스타일 속성은 css)
속성이름 = " ~~ " 을 쓰면 된다
여러 HTML 요소들을 MDN Web Docs가 정리해뒀지만, 모두 외울필요는 없다
자주 쓰는 것들은 강의에서 정리해줄 예정
css 속성을 추가할 때는 가능한 목록중에서 고른 뒤 :속성값을 입력하면 된다
2개 이상 입력할 때는 ;(세미콜론)을 붙여둔다
#자동완성 기능이 안 뜨면 ctrl + space를 눌러 다시 기능을 켤 수 있다
ex ) <h1 style = "font-family: ~; text-align: ~;">
'유데미 > 100일 코딩 챌린지' 카테고리의 다른 글
4일차 + 5일차 (0) | 2025.04.18 |
---|---|
3일차 (0) | 2025.04.13 |