[커널아카데미] 백엔드 12기 8주차 - HTML+CSS & 스프링

jh5959·2025년 5월 16일
0

html

web: 리소스들의 집합, 웹브라우저로 볼 수 있는 것
웹 브라우저: 웹으로 된걸 보는걸, 리소스(파일)를 보는 것, (text.image,audio)

  • 파일
    - 동적:바뀜 (프로그래밍)
    - 정적:안바뀜(html,css)

인터넷: 인프라
웹: 컨텐츠

트리구조
js가 하는 일 트리를 만짐

emmet 기본적인거 익히면 좋음

css

  • Cascading Style Sheet
  • HTML문서에 디자인(스타일)을 입히는데 사용되는 언어

셀렉터

  • 스타일을 적용할 요소들을 선택하는데 사용되는 패턴
.class
#id - 유일해야 함
 * - 모든 요소 선택
p - 모든 p 선택
div,p - 모든 div와 p 선택
div p - div안에 있는 모든 p 선택
div > p - div가 부모인 모든 p 선택

Layout

  • block 요소: 항상 새로운 라인에서 시작, 폭 전체를 차지
    - div, h1~h6, form, header, footer, section
  • inline 요소: 새로운 라인에서 시작하지 않고 필요한 만큼의 영역만 차지
    - span, a

스프링

원격프로그램 실행

  • 프로그램 등록
  • URL과 프로그램을 연결

클라이언트에서 요청하면 서버에서 응답한다
포트: 아파트 호수 같음
서버가 기다리고 있다가 요청이 오면 처리함
아이피와 포트는 고정
웹서버 포트는 80

웹 애플리케이션 서버

  • 웹 애플리케이션(프로그램) 서버 웹 프로그램을 서비스함
  • 웹브라우저에서 볼 수 있다
  • 관리 안해도 됨 브라우저만 있으면 됨
  • ex)구글 시트

호스팅=컴퓨터
가상호스트=1대 컴퓨터에 여러대
서블릿: 작은 서버 프로그램

톰캣설치경로/conf/server.xml : Tomcat 서버 설정 파일
톰캣설치경로/conf/web.xml : Tomcat의모든web app의공통설정
웹앱이름/WEB-INF/web.xml : web app의개별설정

프로토콜: 주고받을 데이터에 대한 형식을 정의, 약속, 규칙
HTTP:리소스(파일)을 전송하기 위한 것, text기반의 프로토콜

상태코드
2xx: Seccess(성공)
3xx: Redirect(옆집으로 가세요)
4xx: Client Error(요청한 사람 잘못)
5xx: Server Error(서버 잘못)

바이너리 파일: 문자와 숫자가 저장되어 있는 파일
텍스트 파일: 문자만 저장되어 있는 파일, 숫자를 문자로 변환 후 씀

이미지(바이너리) -> 텍스트

Base64: 64진법, 바이너리를 텍스트로 변환할 때 씀

이번주 회고

  • 이번주는 컨디션이 안좋아서 계속 피곤했다
  • 공책에 과목별로 정리해서 아침 저녁에 한번 씩 봤는데 자주보니 익숙해진 느낌이다
  • html+css는 예전에 했던 기억이 있는데 기억이 날듯말듯하다
  • 홈페이지라도 하나 만들어야겠다
  • 과제를 주말에 다 끝낼 예정이다

다음주 계획

  • 스프링 강의 듣기
  • 공책에 정리한 거 매일 30분씩 아침, 저녁 보기
  • 아직 자바가 부족하다고 느껴서 틈틈히 할 예정

0개의 댓글