[사전캠프] TIL 2024.09.29.일

1. 학습 목표

 1)웹의 작동 원리와 웹을 개발하기 위해 배워야 할 것을 알 수 있다.

 2)웹의 뼈대인 HTML과 꾸미기인 CSS를 이해하고 사용할 수 있다.

 3)부트스트랩을 활용하여 웹을 다양하게 구현할 수 있다.

 

2. 학습 내용

 1) 실습 환경 : VSCode, Chrome

 2) 학습 내용 링크 :  week1 

 

 3. 학습 내용 외 기록

 1) <div>, <p>, <span> 차이

• <div> : 영역구분 목적
• <p> : 텍스트 입력 목적
• <span> : 꾸미기 목적

<div>, <p> : 블록요소  => <div>는 <p>를 포함 가능하지만 반대는 불가능.

<span> : 인라인 요소, 줄바꿈 안 됨X

 

2) 주석 처리하는 방법

▶ style 태그안 주석 /*   */ 한줄~ 여러줄 주석 가능
▶ scrpt 태그안 주석 // 한줄 주석 사용 /* */ 여러줄 주석 가능
▶ body 태그안 본문 주석 <!-- --> 여러줄 주석 가능

 

4. 어려웠던 부분 / 의문점

 

5. 주의할 부분 / 중요 내용

 * 단축키

1) command + L + O : VSCode의 html 바로 웹브라우저에 띄우기

2) shift + option + F : 자동 정렬

 

 * 팁

1) 외워서 쓰지 않기. 그 때 그때 생각 안나는 태그 구글링하는 게 현명

 

6. 다음 학습 내용

1) Javascript, JQuery 이해하기

2) Fetch로 서버 API 사용하고 서버, 클라이언트 개념 이해하기

 

7. 회고

class를 지정해서 style 작성하는 방법과 bootstrap 적용 방법을 어느 정도 익힌 것 같다. div 영역을 원하는대로 배치하는 부분은 감을 좀 더 잡아야 할 것 같다. 구글링이 미래다!