[코드스테이츠 FE 부트캠프 40기] 5일차

오늘은 한박자 쉬어가는 타임으로 html에대해 배웠다. 

 

🔍배운 내용들

 

웹 개발 이해하기

• 웹 개발에 있어서 HTML, CSS, JavaScript의 역할을 각각 설명할 수 있다.
• VScode에서 폴더를 열고 새로운 파일을 생성할 수 있다.
• VScode를 이용하여 작성한 HTML, CSS를 브라우저에서 확인할 수 있다.

HTML 기초

• HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다.
• HTML이 "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다.
• HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다.
• 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다.
  • <div>, <span> 요소가 무엇이고, 어떤 차이가 있는지 설명할 수 있다.
  • <ul>, <ol>, <li> 요소가 무엇이고, 언제 사용해야 하는지 알고 있다.
  • <input> 요소에 type 을 설정하여 다양한 종류의 <input> 요소를 활용할 수 있다.
• 시멘틱 요소를 적재적소에 사용하여 사람과 컴퓨터가 읽기 쉬운 시멘틱한 HTML 문서를 작성할 수 있다.

HTML 심화

• 만들고 싶은 앱의 와이어프레임을 그려볼 수 있다.
• 와이어프레임을 보고 HTML로 코딩할 수 있다.
• <div> 요소 또는 <section>, <header> 등의 시멘틱 요소로 영역을 구분하는 이유를 이해할 수 있다.
• HTML 문서에서 언제 id 혹은 class를 사용해야 하는지 이해할 수 있다.
• id와 class를 목적에 맞게 사용할 수 있다.
• 사람과 컴퓨터가 읽기 쉬운, 의미 있는(Sementic) HTML 문서를 작성할 수 있다.

 

💡달라진 생각

• 커리어코치님과의 상담이 있었다. 은은하게 재밌으셨다. 배터리가 방전되지 않게 자신을 잘 챙기면서 하라고 말씀해주셨다. 딱 요즘 느끼는 심정이라 공감이 갔다. 배터리 80%에서 충전기 꼽기!