글 쓰는 시간

7주차 숙제

이번주 숙제는 폴더별로 저장해둔 링크 정보 모음 페이지에서 API요청으로 받은 데이터 렌더링이였다.

요구사항은 아래와 같다.

• 리액트를 이용해 folder 페이지를 만든다.
• 리액트 라우터를 이용하여 url 별로 다른 페이지를 렌더링 한다.
• folder 페이지에서 api 요청을 보내서 받은 데이터로 화면을 꾸민다.
• 폴더를 변경할때마다 해당 폴더 정보에 맞는 데이터를 렌더링 한다.
• 반응형 웹 디자인으로 모바일/태블릿/PC 별로 다른 UI 를 꾸민다.

결과

이번주도 시간을 꽤 많이 투자했지만 CSS 때문인지 일요일까지 못하고 월요일 내내 해버렸다.

해야지 해야지 하다가 또 미루다가 토요일 저녁부터 시작했는데, 이게 문제였다.

스웨거로 API 요구사항을 확인할 수는 있었지만 그래도 피그마로 주어진 요구사항을 알아보기 힘들었다.

요구사항을 명확하게 정리해주면 훨씬 편했을것 같은데 몇번을 잘못 이해해서 수정했었다.

의도적으로 이해를 어렵게 한건지는 잘 모르겠는데 의도적이었다면 그래도 나름 공부가 되기는 했던것 같다.

의도가 아니라면 요구사항 부분을 좀 고쳐주면 좋겠다.

이번 주는 어찌저찌 컴포넌트를 나누는 연습이 된것 같다.

의도치는 않았지만 SVG 파일을 다운받지 않고 코드로 쓸 수 있길래 그렇게 해볼까 해서 시도해 보았다.

하지만 SVG 하나에 10줄 넘어가고 코드가 너무 길어져서 가독성을 위해 컴포넌트로 분리했다.

아직도 컴포넌트 분리에 대해 감이 잘 안잡힌다. 멘토링 시간에 잘 물어봐야겠다.

역시 CSS 가 제일 힘들어... 기기별로 UI 가 달라지면 어떻게 해야할지 잘 모르겠다.

오브젝트 스터디, 진도빼면서 위클리 미션 진행하는거만 해도 바빠서 토이프로젝트를 못한게 아쉬웠다.

진짜 프론트엔드 얕봤는데 갈 수록 어려워지네 ㅋㅋ;

저번 주에 생각해뒀던거 하나도 못지켰구나... 다음 주는 꼭 시간을 잘 짜내서 해보자.

이번 주에 나의 부족했던 부분을 정리하면 아래와 같다

• 시간 관리 잘해서 토이 프로젝트 할 시간 내기
• SCSS, 스타일드 컴포넌트 등 다른 CSS 툴 써보기
• 제출 기간 내에 과제 제출을 못했으니 다음주는 꼭 기간 내에...