프로그래머스 프론트엔드 데브코스 6~10주차 회고 📋

프론트엔드 데브코스 2기 6~10주차 회고입니다!
웹사이트 클론 과제와 VueJS로 영화 검색 사이트를 하느라 바빴던 4주동안을 담았습니다!🥰 10주차는 복습 주간 이었습니다!

📖 SCSS로 웹사이트 클론 페이지 만들기

css를 겉핥기로만 알고있었고 이미 만들어져 있던 ui 라이브러리를 사용해서만 만들어 본 경험밖에 없었다. 이번 강의에서 flex, grid 등을 배우면서 감을 잡아갔고 사이트 클론까지 직접 해보면서 이런식으로 하는 구나 깨달았다. BEM 방법론을 도입해서 만드는 것을 직접 경험하면서 그동안 클래스 이름에서 __ 의 의미도 새로 알게되었다!!ㄴㅇㄱ😬 또한 scss을 컴파일 할 때 webpack을 처음 사용해보았는데 속성 하나하나 의미를 배워가는 것이 재밌을 줄이야,, (개발이 천직이었나?!🤔)
또 한번의 과제가 끝나고 이제 드디어 SPA를 배우는 시간이 오고야 말았다!

결과 GIF

📄 VueJs로 영화 검색 사이트 만들기

css 과제를 진행하면서 시간이 많이 부족했었기 때문에 이번에는 강의도 미리미리 듣고 다른 분들보다 조금 빨리 과제를 시작하였다. eslint, webpack, postcss로 미리 초기 설정을 하고 시작하였더니 확실히 전보다 깔끔해진 느낌이 들었다. 최대한 컴포넌트를 구분하려고 노력했고 vue, vue-router, vuex도 많이 활용하려고 하였다.
그리고 dotenv를 활용해서 배포하였을 때 클라이언트에서 중요한 정보를 노출되지 않도록 설정하는 것도 처음 해보았다.
사실 프로젝트에서 로딩 애니메이션을 추가하지 못했던 것, NuxtJS를 하지 못했던 것이 매우매우 아쉬웠다. 조금 여유로워지면 바로 리팩토링 해야지!

많이 부족하지만 이번에도 스스로 어떤 하나의 프로젝트를 또 한번 완성했다는 것에 더 나아갈 수 있는 용기를 얻었다. 다음 프젝은 팀프로젝트인데 잘 마칠 수 있기를!!

VueJS 기반 영화 검색 사이트

+) 이번에 VueJS를 열심히 공부했던 것 만큼 코드 리뷰도 더 자세히 할 수 있었다!! 그래서 그런지 코드리뷰가 좋았다는 칭찬도 받았다! 진짜 요즘 도와주는 것에 보람을 많이 느끼고있다!! 다들 감사드립니다🥰

🥰 복습기간

조금 쉬어가고 싶어질 때 딱 복습기간이 주어졌다!! 사실 노션 프로젝트 때 심적으로도 체력으로도 엄청 힘들었었기 때문에 css, vuejs 때에는 힘들어도 많이 지치지는 않았던 것 같다! 그렇지만 휴식을 취하지 않았을 때 어떻게 되는지 경험했기 때문에 쉬는 시간도 매우매우 중요하다고 생각해서 이번 복습기간에는 스터디 공부를 제외하고는 대부분 쉬는데에 집중하였다! (스터디 만으로도 벅찰 줄 누가 알았겠는가..)

🤩 복습기간 머쓱이 그리기 이벤트!!

TF팀원으로서 참여하고 싶어서 그려보았는데 아무래도 그림엔 소질이 없는 것 같습니다..?! 

🔥 느낀점

벌써 데브코스의 절반이 지났다. 시간이 이렇게 빨리 지나갈 줄은 정말 몰랐는데,, 배우면서는 모르지만 2달 지난 이시점에 벌써 VanillaJS, CSS, VUE, JS 한번씩 훑었다는 것이 매우 놀랍다.. 남은 시간도 지금처럼 잘 보낼 수 있도록 노력하자 !

다음 회고부터는 정돈되고 깔끔한 KPT 회고로 찾아오겠습니다!!~