본문 바로가기

react14

Zillow 클론코딩 회고 리액트 방식으로 간단한 토이프로젝트를 해보았지만 웹페이지를 구현하는데 자신감이 부족했습니다. 클론 코딩을 통해 리액트 구현능력을 기르고 CSS 실력 향상시키기 위한 목적으로 간단한 프로젝트를 해보았습니다. 구현하면서 했던 고민과 어려웠던 점 등을 간단하게 포스팅 하려 합니다! ✔ 구현 이미지 ✔ git-hub pages 배포 주소 https://homiekim.github.io/Zillow_Clone/ Zillow Clone homiekim.github.io ✔ 사용한 라이브러리 React (초기 세팅 CRA 사용) emotion (CSS-in-JS 방식 사용) ant-design (Input, Card, Button 정도의 컴포넌트를 ant-design에서 가져와 사용하였습니다.) font-awesom.. 2022. 3. 5.
[Numble] 다른 색깔 찾기 게임 넘블에서 진행한 다른 색깔 찾기 게임 챌린지 참여! https://www.numble.it/45cee9d3-49ad-4f67-9d2a-14607c2eeba7 [React] 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작 시간은 금! 챌린지를 딱 4줄로 요약해볼게요 😉 www.numble.it ✔ 구현 요구사항 각 스테이지마다 Math.pow(Math.round((stage + 0.5) / 2) + 1, 2)개의 사각형이 표시됨 한 스테이지의 제한 시간은 15초 스테이지 바뀔 때 마다 random으로 사각형의 색상을 적용, 하나만 다른색깔 적용(정답 사각형) 정답 사각형을 클릭한 경우 다음 스테이지로 넘어가고 Math.pow(stage, 3) * 남은시간 만큼의 점수가 누적, 오답을 클릭하면.. 2022. 1. 27.