1일차 + 2일차

2025. 4. 13. 00:11·유데미/100일 코딩 챌린지
목차
  1. 100일 코딩 챌린지 - Web Development 부트캠프
  2. <1일차>
  3. <2일차>

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
  1. 100일 코딩 챌린지 - Web Development 부트캠프
  2. <1일차>
  3. <2일차>
'유데미/100일 코딩 챌린지' 카테고리의 다른 글
  • 4일차 + 5일차
  • 3일차
피까츄
피까츄
프로그래밍 마스터가 될테야
  • 피까츄
    프로그래밍 마스터
    피까츄
  • 전체
    오늘
    어제
    • 분류 전체보기 (73) N
      • 컴퓨터가 이상해요 모음집 (4)
      • 프로그래밍 (0)
      • 회고 (1)
      • 1학년 (21)
        • 명품 HTML+CSS+JS (10)
        • 쉽게 배우는 C언어 Express (2)
        • R언어 (9)
      • 2학년 (3)
        • C언어로 쉽게 풀어쓴 자료구조 (1)
        • 프로그래밍 언어론 (2)
      • 개인공부 (25)
        • 백준 (17)
        • 코드트리 JS (7)
        • 코테 공부 (1)
      • 교재 (10)
        • 이것이 C++이다 (1)
        • 이것이 JAVA다 (0)
        • 혼자 공부하는 컴퓨터구조 + 운영체제 (1)
        • 혼자 공부하는 데이터통신 (0)
        • 코어 자바스크립트 (8)
        • OpenGL로 배우는 3차원 컴퓨터 그래픽스 (0)
      • 유데미 (8) N
        • 100일 코딩 챌린지 (3)
        • C# Unity 2D (5) N
  • 블로그 메뉴

    • 방명록
    • 그림블로그
    • 3D 블로그
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    HTML5+CSS3+Javascript 웹 프로그래밍 #연습문제 #이론문제 #실습문제 #풀이 #정답
    작업표시줄클릭안됨
    vscode자동완성
    the package javax.swing is not accessible
    윈도우 기능 켜기
    복습
    프로그래밍언어론
    0x80370102오류코드
    js #자바스크립트_기초
    우분투 설치 오류
    우분투java
    가상현실 설정
    우분투C
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
피까츄
1일차 + 2일차

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.