728x90 728x90 개발일지10 [2023.04.26 개발 일지] 로딩 상태 GIF Progress 적용 하기 [2023.04.26 개발 일지] 로딩 상태 GIF Progress 적용 하기 주요 업무 내용 GIF Progress 컴포넌트 구현 Flex 컴포넌트 구현 3D 모델 찾아 보기 프론트엔드에서 빠질 수 없는 것이 로딩 상태에 대한 사용자 피드백일 것이다. 포켓몬이라는 주제로 개발을 하고 있으니 단순히 로딩바를 보여주는 것보다는 포켓몬 관련 GIF가 좋을 것 같다. 역시 포켓몬은 상징성은 이 녀석을 이길 수 없을 것이다. 달리는 모습이니 로딩 상태에도 적절한 것으로 보인다. import styled from "styled-components"; const StyledProgress = styled.div` display: flex; flex-direction: column; align-items: cente.. 2023. 4. 30. [2023.04.24 개발 일지] Chart.js 사용해 보기 [2023.04.24 개발 일지] Chart.js 사용해 보기 주요 업무 내용 D3.js와 Chart.js 입문 Chart.js 적용 StatCard 스타일링 평소 공부한 내용은 정리를 하고 있는데 개발했던 과정과 오류, 개발하면서 들었던 생각들이 많았는데 기록없이 넘어가다보니 아깝다는 생각이 들어서 개발일지를 써야겠다는 생각이 들었다. 리액트 연습을 위해서 포켓몬 API를 활용하여 포켓몬 도감을 만들고 있다. 포켓몬 개체수가 1000개가 넘고 포켓몬 뿐만아니라 아이템이나 스킬과 같은 정보들도 제공되고 있어 데이터 규모가 작지 않은편이기때문에 연습하기에 좋은 것 같다. 기본적으로 포켓몬 리스트와 포켓몬 상세페이지만으로는 허전한 느낌이라서 다른 기술도 사용해보려고 한다. 가장 먼저 생각났던 것이 포켓몬 스.. 2023. 4. 29. 이전 1 2 3 다음 728x90 728x90
