본문 바로가기

프론트엔드 입문 가이드/HTML 기초

[HTML 기초] 0. 소개

반응형

1. 계기

안녕하세요 개발자고고입니다. 

 

그동안은 필요한 부분만 선택적으로 골라 학습하고 프로젝트에 적용하는 방식으로 개발을 공부했습니다. 하지만 수많은 정보가 뒤엉켜 있는 느낌이 들어 처음부터 다시 정리해보고자 [프론트엔드 개발 가이드]를 작성하게 되었습니다. 사실 저를 위한 가이드라고 할 수 있지요.

 

성격상 순서대로, 스텝 바이 스텝으로 공부하는 것을 좋아하는데, 개발은 "여기서부터 여기까지 공부하면 된다"가 없어 처음에는 방황을 많이 했습니다. 하지만 그 과정에서 비효율적인 것은 있었을지 몰라도 불필요한 것은 없었다고 생각합니다. 오히려 다양한 시행착오들이 시야를 넓혀주었다고 생각합니다. 

 

아직 제대로 된 실무를 경험했다고 할 수 없는 학생 신분이지만, 그러기에 더 왕초보들의 마음을 잘 이해할 수 있는 제가 짧지만 생생한 경험을 토대로 "웹 개발을 시작하는 새내기" 분들에게 도움이 될 수 있도록 쉽게 이야기를 풀어보겠습니다.    

 

2. 내용

  • HTML에 대한 개념 
  • HTML 태그들
  • HTML 꿀팁

 

3. 목표

  • div 말고도 많은 태그들의 존재를 알아보기.
  • 학부 수준의 프로젝트나 졸프에서 프론트엔드 개발로 0.3인분은 하기.

 

4. 마음가짐

개발 공부를 할 때 한 번에 이해가 안 가더라도 그냥 넘어갈 줄 아는 것이 중요한 것 같습니다. 한 가지를 이해하기 위해서 여러 가지 개념들이 연결되어 있어 더 복잡해지는 경우가 있기 때문입니다. 최대한 이해해보려는 노력을 한 뒤에도 헷갈린다면 그냥 "아 그렇구나"하고 넘어가도 괜찮습니다. 중요한 개념이라면 공부하는 동안 계속해서 등장할 것이고, 등장할 때마다 이해해보려고 노력한다면 어느 순간 그 개념 혹은 용어가 익숙해지고 자연스럽게 이해하는 날이 올 것입니다. 어려운 게 아니라 어색한 것입니다. (물론 시간적 여유가 없다면 이 방식을 추천해 드릴 수 없지만.. 저는 지속적인 노출을 통해 퍼즐 맞추듯이 개념들을 이해했습니다.)

반응형