[HTML 기초] 0. 소개
1. 계기
안녕하세요 개발자고고입니다.
그동안은 필요한 부분만 선택적으로 골라 학습하고 프로젝트에 적용하는 방식으로 개발을 공부했습니다. 하지만 수많은 정보가 뒤엉켜 있는 느낌이 들어 처음부터 다시 정리해보고자 [프론트엔드 개발 가이드]를 작성하게 되었습니다. 사실 저를 위한 가이드라고 할 수 있지요.
성격상 순서대로, 스텝 바이 스텝으로 공부하는 것을 좋아하는데, 개발은 "여기서부터 여기까지 공부하면 된다"가 없어 처음에는 방황을 많이 했습니다. 하지만 그 과정에서 비효율적인 것은 있었을지 몰라도 불필요한 것은 없었다고 생각합니다. 오히려 다양한 시행착오들이 시야를 넓혀주었다고 생각합니다.
아직 제대로 된 실무를 경험했다고 할 수 없는 학생 신분이지만, 그러기에 더 왕초보들의 마음을 잘 이해할 수 있는 제가 짧지만 생생한 경험을 토대로 "웹 개발을 시작하는 새내기" 분들에게 도움이 될 수 있도록 쉽게 이야기를 풀어보겠습니다.
2. 내용
- HTML에 대한 개념
- HTML 태그들
- HTML 꿀팁
3. 목표
- div 말고도 많은 태그들의 존재를 알아보기.
- 학부 수준의 프로젝트나 졸프에서 프론트엔드 개발로 0.3인분은 하기.
4. 마음가짐
개발 공부를 할 때 한 번에 이해가 안 가더라도 그냥 넘어갈 줄 아는 것이 중요한 것 같습니다. 한 가지를 이해하기 위해서 여러 가지 개념들이 연결되어 있어 더 복잡해지는 경우가 있기 때문입니다. 최대한 이해해보려는 노력을 한 뒤에도 헷갈린다면 그냥 "아 그렇구나"하고 넘어가도 괜찮습니다. 중요한 개념이라면 공부하는 동안 계속해서 등장할 것이고, 등장할 때마다 이해해보려고 노력한다면 어느 순간 그 개념 혹은 용어가 익숙해지고 자연스럽게 이해하는 날이 올 것입니다. 어려운 게 아니라 어색한 것입니다. (물론 시간적 여유가 없다면 이 방식을 추천해 드릴 수 없지만.. 저는 지속적인 노출을 통해 퍼즐 맞추듯이 개념들을 이해했습니다.)
'프론트엔드 입문 가이드 > HTML 기초' 카테고리의 다른 글
[HTML 기초] 5. HTML 태그 - 폼 관련 태그(button, input, textarea, select, option, label, form) (0) | 2022.03.15 |
---|---|
[HTML 기초] 4. HTML 태그 - 멀티미디어, 표 관련 태그 (img, video, audio, table, thead, tbody, tr, th, td, caption) (0) | 2022.03.14 |
[HTML 기초] 3. HTML 태그 - 텍스트 관련 태그(h1~h6, p, b, br, ol, ul, li, a) (0) | 2022.03.13 |
[HTML 기초] 2. 환경 세팅 & HTML 구조 (feat. vscode 사용 꿀팁) (0) | 2022.03.12 |
[HTML 기초] 1. HTML이란? (0) | 2022.03.09 |