[MIL] 프론트엔드 데브코스 5기 한 달 회고 - 3회차

 

✔️이번 단위기간에 공부한 것들

• vue
• react

 

✔️과제 회고

• 영화검색페이지(Vue) 

  

  • 배포링크   
  • 타입스크립트와 Vue.js을 활용하여 영화 검색 사이트를 만들었다.  라우터 설정과 관리가 중요했던 과제인 거 같다.  라우터 관련 코드리뷰를 많이 받으면서 route구조를 더 깔끔히 하고 효율적인 렌더링 방식으로 리팩토링할 수 있었다. 또 이번에 Tailwind CSS 도 사용하면서 새로운 스타일 툴도 사용해 본 좋은 경험이었다. 코드가 너무 길어지고 복잡해지는 단점이 있지만 따로 className을 설정하지 않아도 되어 장단점이 명확한 라이브러리 인 거 같다. 또 이번에 코드리뷰를 진행하면서 meta태그도 알게 되었다. 이후 과제나 프로젝트에서 meta태그를 적극적으로 활용해봐야겠다.  

 

• Tooltip 컴포넌트 구현 (React) 

  

  • React, TypeScript를 이용하여 Tooltip 컴포넌트를 구현했다. 스타일링 라이브러리는 강의를 통해 배운 emotion을 활용했다. react가 처음이어서 과정이 꽤 오래걸렸던 거 같다. Tooltip을 구현하기 위한 컴포넌트와 훅을 직접 만들어보니까 react에서 컴포넌트의 중요성을 더 이해할 수 있었던 거 같다. 컴포넌트 재사용에 대해서도 고민할 수 있는 과제였다. 

 

✔️한달 후 성장과 느낀 점

• 이번 한 달동안은 vue.js와 react 강의를 들으며 학습을 했다. 프레임워크. 라이브러리를 공부하면서 컴포넌트에 대해서도 많이 생각하게 된 거 같다. 또 이전에는 잘 와닿지 않았던 디자인시스템과 같은 개념들도 조금씩 이해가 되기 시작했다.
• 프로그래머스 데브코스에 참여하면서 프론트엔드 개발 용어와 개념에 점점 익숙해지는 느낌이 들어 다행이라는 생각이 든다. 또 한편으로는 다양한 걸 배우지만 기본이 잘 쌓아지고 있는 것일까?라는 의문이 들어서 반성도 하게 되는 거 같다. 부족한 부분은 넘기지말고 스스로 더 공부해야할 것 같다.
• 앞으로 남은 프로그래머스 데브코스 기간동안 더 많은 경험을 하면서 바로바로 이해하고 커뮤니케이션할 수  있는 사람이 되고 싶다.
• 팀 프로젝트가 본격적으로 시작되어 정신이 없지만 열심히 공부하고 익혀서 나의 역할을 정말 잘 해내고 싶다. 또 잘 소통하면서 팀원들과 프로젝트를 성공적으로 마무리하는 것이 앞으로의 목표이다. 화이팅!!🔥