html / 이고잉 / 생활코딩html / 오픈튜토리얼스

html / 이고잉 / 생활코딩 html / 오픈튜토리얼스

---

학습목표

• html 코드 작성 방식을 손에 익힌다.
• 구조화된 사고, 코드 정리 논리를 익힌다.
• 사이트 제작 실습을 통해, 수업 중 배우는 태그의 응용을 연습한다.
• 실습을 통해 개인화된 사이트 하나를 포트폴리오로 남긴다.

---

배운 것

• html의 기본 문법
• 개발환경인 atom을 활용하여 코드 작성하는 방법
  • emmet 패키지 다운로드, 활용방법
• html에서 통계적으로 많이 사용되는 태그와 속성들의 기능
• html 활용에 있어서 구조화된 정보 입력의 중요성_구조화하여 설계하기!
  • html이 '정보 전달'에 집중하는 언어이기 때문. 본질이 '정보 전달'!
  • 함께 쓰이는 css는 디자인, JavaScript는 반응형 기능을 도맡고 있다. 다 익혀둬야겠다는 필요성을 실감.
• 태그, 속성, 이론 등의 정보를 보다 자세히 학습하려 할 때 참고할만한 사이트들.

사이트 명칭	내용	링크
w3schools	html의 주요 기능, hyperlink에 대한 설명	www.w3schools.com/html/html_links.asp
오픈튜토리얼스	html 주요 태그 사전. 한국어임!!!	opentutorials.org/module/552
MDN web docs	html 초보 자습서. 태그와 이론 설명. 한국어 번역 제공!	developer.mozilla.org/ko/docs/Web/HTML#%EC%B4%88%EB%B3%B4%EC%9E%90_%EC%9E%90%EC%8A%B5%EC%84%9C
can I use	퇴출 태그인지, 아닌지 등 특정 기능의 '사용 가능여부'를 알아볼 수 있는 사이트.	caniuse.com/

---

결과물 또는 얻은 것

영상 콘텐츠 리뷰 모음 사이트

영상콘텐츠 리뷰

내가 쓴 리뷰와 간략한 소개, 관련 페이지로 구성한 사이트를 만들었다.

디자인, 반응성 등은 0%에 가까울 정도로 기초적인 사이트이지만, 향후 css와 JS 등을 익히고 발전시켜나갈 계획이다.

---

향후 계획

• 생활코딩 css 강의 따라가며 개인 프로젝트 사이트 발전
• html과 css를 주 언어로 하는 클론 코딩 튜토리얼 찾아 실습_css강의 학습과 병행

---

해당 학습자료를 알게 된 경로

지난 2020년 12월, 진로 탐색 중 프로그래밍 분야에 흥미를 느껴, 맛보기를 할 요량으로 탐색하다가 오픈튜토리얼스 사이트의 생활코딩 커리큘럼을 알게 되었다.

하루 2시간씩 2주 정도 오픈튜토리얼스 생활코딩의 web1_web&html, css강의를 들었다. 해당 강의들을 수료하면서 이고잉(강의 제공자)님의 '실습형 수업 방식', 강의 속도 등에 대해 긍정적으로 받아들였다.

2021년 2월 중반부터 다시 프로그래밍 학습을 시작하며, 전에 간단하게 익혔던 html부터 차근차근 기초를 다질 목적으로 생활코딩 사이트를 다시 찾았다.