[React] CSS Gallery 의 React화 일지 - 1

기존 CSS Gallery 의 모습입니다. 

무수히 많은 html과 css 파일이 있으며 해당 부분을 예시로 보여줄만한 공간도 존재하지 않는 상황입니다.

• 대분류를 나누고 정리를 하여 볼 수 있는 환경으로 제작하고 있으며
• 원하는 css 디자인이 있을 경우 클릭하면 상세보기 페이지로 전환되도록 작업을 하였습니다.
• 현재는 유저가 테스트를 체험해 볼 수 있는 공간만을 작성하였으나
• 차후 원하는 디자인 클릭 시 체험및 코드를 볼 수 있는 환경으로 작업할 예정 입니다.

 

• 오늘치 작업을 마치며
• 제작일자, Gif 이미지, 분류는 axios를 사용하여 직접 제작한 json 파일을 불러오도록 작업했습니다.
• 현재 메인 페이지는 Grid, Flex 를 사용하여 작업했습니다.
• json에 있는 id 번호에 따라 useparams를 받아 특정 js로 이동하도록 하려고 했으나 json 데이터와 js 파일의 연관성을 만들지 못하여 Routes, Route, Navigate를 사용하여 하나씩 작업을 해주었습니다.
• 해당 작업이 마무리된다면 이력서로 변경하여 작업을 해보려고합니다.