웹사이트 redesign 프로젝트 회고

프로젝트 소개

 

디자인은 피그마로 만들었습니다.

 

https://github.com/Yeonji-Noob/Website_project2

GitHub - Yeonji-Noob/Website_project2: 두번째 웹사이트 리디자인 프로젝트입니다.

리드미 파일에 열심히 적어놔서

더이상 적으면 그만 탈진할 거 같아서 링크로 첨부

 

요약:

소리바다 사이트를 리디자인 해보았다

 

 

 

본론 (진지함)

 

독학으로 figma, scss, react, typescript... 모두 동시에 시작한 첫 프로젝트라 
오래걸릴 수 밖에 없었고
figma도 좀 더 잘 제대로 배우고 시작했다면 
시간이 덜 걸리지 않았을까 하는 아쉬움이 있습니다.

 
하는 도중에 더 좋은 방법을 발견하면 적용해보고, 리팩토링하면서 진행해나갔는데
프로젝트의 모든 것을 혼자 진행하면서, 스트레스도 많이 받았지만
고생한 만큼 확실하게 성장했다고 느껴지는 부분이 많았습니다.

컴포넌트에 대해서 감도 잘 안잡히던 때부터 시작해서
이젠 함수형 컴포넌트는 편하게 만들 수 있고

hook도 모든 부분을 다 다뤄본 것은 아니지만
자주쓰는 hook에 대해서는 기본이 잡혔고 props 전달과 활용에 대해서도
머릿속으로 어느정도 지도가 그려지는 수준까지는 온 것 같습니다.

 

typescript 적용을 해서 제작 과정이 2배 이상 더디고, 
느리고 힘들었습니다.
거의 사서 고생한 셈인데 가급적이면 any를 안쓰려고 노력하니까 더 힘들었습니다.

혼자 구현하면서 애매하거나 모르는 부분은 chatGPT한테 물어보면서 공부했습니다.

남들은 웹페이지 2~3개씩 만들고 있는데 나만 이거 하나 붙잡고 너무 고생하는거 아닌가??
라는 생각도 들긴 했지만

제가 할 수 있는 능력이나 이해도가 훨씬 확장되었기 때문에 만족합니다.

 

 

아쉬운 점

 

build 하는 과정에서 Webpack 설정에 대해서 공부를 더 해보고 싶다는 생각이 들었습니다.

다음에는 CRA 말고 다른 방법으로 프로젝트를 진행해보자고 생각.

( → 그래서 늦게 회고를 쓰는 지금 시점에서

CRA 대신 react + vite로 미니 프로젝트 하나 만들어봤음

https://github.com/Yeonji-Noob/Attendance-Calculator )

GitHub - Yeonji-Noob/Attendance-Calculator: 국비학원 출결계산기 미니프로젝트입니다.

원래 멜론차트top100을 넣고 싶었으나 마땅한 api가 없었고
비공식 빌보드차트 api로 대체했습니다.

 

국내 차트를 파이썬으로 크롤링해서라도 적용해보고 싶었으나 시간이 부족했고

이것때문에 자꾸 시간이 늦어져서 다른 방법으로라도 어떻게든 해결해야겠다고 생각했습니다.  

그리고 원했던 것은 동적 업데이트가 가능했던 것이었는데, 서버 공부까지 일을 벌려야해서 
일단 이정도로 만족하기로 했습니다.

 

미디어쿼리 부분도 아쉬운 부분중 하나인데

당연히 모든 디바이스에 맞출 수 없는 걸 알면서도 무리하게 시도를 한 부분이 있어서

일단 마무리 한 뒤 계속 공부를 해나가면서 타협점을 찾아야 되겠다고 생각했습니다.

 

ㅎㅎ