프론트엔드를 뿌셔보자
Html + Css + Javascript 3대장 뿌시기
백수가 된 김에 프론트엔드 뿌시기 프로젝트를 시작했다. 파이썬으로 데이터 분석하는 것도 재미있긴 하지만 코딩으로 진짜 보람을 느낄 수 있는 순간은 그래도 내 눈에 보이는 무언가를 짠 하고 만들어낼 때인 것 같다. 그래서 일단 유튜브에서 찾은 드림코딩 채널의 커리큘럼을 따라서 프론트엔드의 세계에 한번 발을 들여보기로 했다. 예전에 생활코딩 웹애플리케이션 만들기 강의를 한번 들은 적이 있어서인지 Html과 CSS는 금방 감을 잡겠는데 자바스크립트는 파이썬과 비슷한 점이 있으면서도 달라서 오히려 더 헷갈린다;; 그래도 시작한 지 3일 만에 얼추 튜토리얼을 따라서 반응형 내비게이션바와 유튜브 프론트엔드 페이지를 만들었다!ㅋㅋ
Html 마크업을 어떻게 해야 할지 감이 안 잡혀서 일단 손으로 막 그림..ㅋㅋ
그리하여 완성!ㅋㅋ 허접하지만 코린이에겐 이것조차 크나큰 도약입니당....^_ㅜ그리고 모든 코딩 공부 내용들은 노션 페이지에 정리 중이다. 페이지가 하나씩 늘어갈 때마다 뿌듯한 기분.. 아직도 가야 할 길이 멀지만 혼자 작은 서비스 하나를 구현해보는 걸 목표로 계속 나아가 보려고 한다. 혹시나 프론트엔드 개발에 관심이 있는 분들이라면 아래 링크들을 참고해 보세요
*드림코딩 by 엘리 : 클론코딩 영상들을 따라하다보면 Html / Css / JS를 어떻게 유기적으로 이용해 프론트엔드를 구현하는지 감을 잡을 수 있다. 자바스크립트 기초 강의도 엄청 꼼꼼하게 설명해주셔서 기초를 다지는데도 도움이 되었다.
*조코딩 : 재밌는 프로젝트 아이디어를 얻기 좋은 채널, 파이썬 기초 강의도 퀄리티가 좋다.
*프론트엔드 기초 개발 공부 노트
- HTML : https://www.notion.so/HTML-7ac87a15f1084776a2374658bfa9424d
- CSS : https://www.notion.so/CSS-98f66aa3347f44f19245f0d3a0aef844
- Javascript : https://www.notion.so/238a486018c5495d9f60b144be8f1259?v=17892aeaf30147f78d59fcdc21e0fabc
