Web

Jean·2025년 6월 29일
0

풀스택 교육

목록 보기
7/28

🌐 WWW (World Wide Web)

  • 창시자: 팀 버너스 리
  • 주요 기능 3가지
    1. URL: 웹 자원의 위치 지정
    2. HTTP: 웹 자원에 접근하는 프로토콜
    3. HTML: 자원들 사이를 연결하는 하이퍼텍스트 언어

🧠 웹 클라이언트 프로그래밍 구성 요소

기술역할
HTML웹 페이지의 구조와 내용 작성
CSS웹 페이지의 스타일 설정
JavaScript웹 페이지에 동작 부여 (동적인 페이지 완성)
jQueryJavaScript 기반, DOM/이벤트/비동기 통신을 더 간단하게 처리

📝 HTML 문서 관련 개념

  • 렌더링(Rendering): HTML 문서를 브라우저에 맞게 화면에 출력하는 과정
  • 싱글 사이드 태그: 닫는 태그가 없는 태그 (<img>, <br> 등)
  • 더블 사이드 태그: 열고 닫는 구조가 있는 태그 (<div>...</div>, <p>...</p> 등)

🧾 컨텍스트 패스와 URI

  • 컨텍스트 패스(Context Path): 웹 애플리케이션의 루트 경로
    • URI의 가장 앞부분을 의미하며, 어떤 웹 애플리케이션에 접근할지 결정됨
    • 예: http://localhost:8080/myapp/index.html/myapp이 컨텍스트 패스

📡 상태 코드(Status Code)

  • 클라이언트의 요청에 대한 서버의 응답 상태
    • 예:
      • 200 OK: 성공
      • 404 Not Found: 요청한 자원이 없음
      • 500 Internal Server Error: 서버 내부 오류

✍️ 주요 HTML 태그

  • <h1> ~ <h6>: 제목 태그
  • <p>: 문단
  • <a href="링크">: 하이퍼링크
  • <img src="이미지 링크">: 이미지 삽입
  • <form>: 사용자 입력 폼
    • 내부에 <input>, <textarea>, <button> 등 포함
  • <div>, <span>: 레이아웃 및 그룹핑용 태그
profile
햇내기 개발자 지망생

0개의 댓글