TanzDev

TIL 12 ( 복습 및 웹개발 공부 ) 본문

기록보드/TIL

TIL 12 ( 복습 및 웹개발 공부 )

Tanz-dev 2024. 2. 12. 23:11

금일은 웹개발 5주차 완강한 영상을 조금보다가 중간중간 공백이 생기는 부분에 대해 이해가 필요했기때문에

조코딩님 유튜브를 통해 다시한번 처음부터 복습하는 시간을 가지게되었다.

 

복습내용은

 

프론트엔드/백엔드/풀스택에 대한 부분의 정의

 

프론트엔드는 시각적인부분을 도맡아서 하는 개발자

백엔드는 비시각적인 부분을 도맡아서 하는 개발자이며

풀스택은 둘다 가능한 개발자라고 보면 될거같다.

 

HTML은 뼈

CSS 는 옷

JS는 신경계정도의 개념을 다시 확립했고 기본적인 HTML의 구조를 재공부했다.


<head></head>: 문서의 헤더를 정의(부모). 메타데이터, 스크립트 링크, 스타일 시트 링크 등이 포함

<body></body>: 웹 페이지의 본문을 정의. 사용자에게 보여지는 실제 내용이 이 부분에 들어감

<div></div>: 구역을 나누는 데 사용되며, 스타일링이나 레이아웃을 위해 사용될 수 있음.

<p></p>: 단락을 나타냄, 텍스트를 단락 단위로 구분할 때 사용.

<h1></h1>, <h2></h2>: 각각 제목(헤딩)을 나타냅니다. <h1>이 가장 큰 제목이고, 숫자가 커질수록 작아짐

<em></em>: 텍스트를 강조하여 기울임꼴로 표시

<strong></strong>: 텍스트를 강조하여 굵게 표시

<br><br>: 줄 바꿈 요소로, 텍스트나 요소들 사이에 강제로 줄 바꿈을 적용

<ul></ul>, <li></li>: 비순서 목록(Unordered List)을 나타내며, <li> 태그로 목록 항목을 정의

<ol></ol>, <li></li>: 순서 목록(Ordered List)을 나타내며, <li> 태그로 목록 항목을 정의

<img src=""/>: 이미지를 삽입하는데 사용되며, src 속성에 이미지 파일의 경로를 지정

<video src="" width="" height="" controls>...</video>: 비디오를 삽입하는데 사용되며, src 속성에 비디오 파일의 경로를 지정하고, width, height로 크기를 지정. controls 속성은 비디오 컨트롤을 표시

관련해서 코드카데미 16번째 문제까진 정리하고 그 다음문제로 넘어가볼참이다.

내일부터 본격적인 수업을 위해 오늘은 이만 자야겠다!!