[TIL 20230412]

오늘 공부한 것

- 컴퓨터의 구성요소와 이해

- 프로그래밍과 관련된 개념( 프로그램, 컴파일, 빌드, 통합개발환경IDE - IntelliJ, Eclipse)

- 웹 클라이언트와 웹 서버

- 웹 프론트엔드의 핵심 기술(HTML, CSS, JS)

 

 

처음 알게 된 부분

- 시스템 버스(System Bus)

- 2-Tier 아키텍처 : 상품 정보 같은 리소스가 존재하는 곳(서버)과 리소스를 사용하는 앱(클라이언트)을 분리시킨 것을 2티어 아키텍처, 또는 클라이언트-서버 아키텍처라고 함.

- 3-Tier 아키텍처 : 클라이언트-서버-데이터베이스(리소스가 저장된 공간)가 추가된 형태

- 서버의 종류 : 웹 서버, 파일 서버, 메일 서버, 데이터베이스 서버

- 시멘틱 태그(semantic tag) : 기능적으로는 완전히 같지만, 각 요소가 감싸고 있는 영역이 어떤 역할을 담당하는지 개발자가 쉽게 파악할 수 있도록 이름을 붙여놓은 것. <div> 는 <header>, <main>, <nav>, <aside>, <footer> 등

- CSS에서 id와 class의 차이와 다른 디자인 적용 방법

- CSS에서 다양한 글꼴을 사용할 수 있는 방법

- label 태그 기능

- placeholder 기능

- 박스 모델의 block, inline, inline-block의 차이

- 박스의 구성요소인 margin, padding, border의 차이

 

 

잘 이해가 안간 부분

- 마크업, 마크다운 언어 != 프로그래밍 언어

HTML은 태그 등을 이용한 마크업 언어

- CSS의 padding, margin, border영역 계산하기