약 2개월간 데브코스를 진행하던 중 약 7일간의 복습 기간(방학...?)이 주어졌다..! 하하하 놀 수 있을 줄 알았지~? 공부해야지....
그동안 있었던 일 😅
- 데브코스 2차 강의 완강
- 유튜브 모바일 CSS 클로닝
- Vue 이용해서 영화 검색기 만들기
데브코스 2차 강의 완강
VanillaJS 강의가 끝난 후에 CSS 심화와 Vue에 대해서 배웠다. CSS는 너무 재밌었고 VanillaJS를 들은 후 Vue를 들으니 프레임워크를 왜 쓰는지 알게되었다. 다양한 패키지를 활용해서 더 쉽게 프로젝트를 만들 수 있다는 것을 깨달았다.
유튜브 모바일 CSS 클로닝
CSS 심화를 들었으니 적용을 해보고자 유튜브 모바일을 클론 코딩해보기로 했다! 유튜브 모바일을 선택한 이유는 내가 하루 중 가장 많이 보는 레이아웃이였기 때문에 한번 뜯어보고 싶었다
처음에 viewport 지정을 하지않아 모바일 width가 적용되지않는 문제가 발생했었다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">위는 viewport를 지정하는 코드로 html을 자동 생성하면 포함되어있는데 이 코드의 쓰임을 알게되었다.
@media를 활용해 반응형 레이아웃으로 구현했고 SCSS를 최대한 활용하려고 했다. (mixin, 참조(&), import....)
또한 SCSS 폴더 구조를 짜는 방법을 팀원분께서 알려주셔서 그것도 적용해보았다!
👉 Sass 폴더 구조 가이드라인
Vue로 영화 검색기 만들기
👉 Movie Finder 보러가기
👉 github 코드 보러가기
API key 숨기는데만 하루가 넘게 걸렸다...
※ webpack.config.js 자세한 코드는 github 주소 참고
그러다보니 미흡한 상태... 로딩 화면도 구현하지 못했다.. 이는 차차 피드백 받으며 수정할 예정이다.
그동안을 돌아보며... 🤔
잘했던 점
- 계획 모두 지킴
하루에 정해진 강의량, 과제 모두 이수하고 밀린 적 없다.
TIL도 꾸준히 작성 중이다. 하지만 공개는 하지않음 - 과제 필수 요구사항 구현
추가 요구사항까지는 힘들더라도 필수 요구사항은 어떻게든 충족하려 노력하고 충족했다. - 적극적인 태도
공부, 과제 중에 모르는 것은 팀원들에게 물어봤고 팀원들이 물어보는 것을 아는 선에서 대답하려고 노력했다...
노력해야 할 점
- 뒷심이 약하다
과제를 너무 불태우면서 해서 그런걸까...? 제출 후 피드백 반영할 때 너무 힘들다... - 오류를 기록하자
기록하려고하나 헤매다가 기록을 까먹는 순간이 많다... - 복습을 꾸준히 하자
그 날 배운 것을 기록하고있지만 복습은 그보다 소홀한 듯..?
잘하는 프론트엔드 개발자가 되고싶다