실제 숨고홈페이지를 클론코딩해보며 리액트에 조금 더 익숙해지는 시간을 가졌다.
이제는 기본적인 CRUD는 물론, 필요한 라이브러리를 요령껏 가져다 쓸 수 있다.
기본기는 충분히 다져진 것 같으니 보다 심도있는 학습이 필요한 시점이다.
FE
ReactBE
Spring# Default.
@fortawesome/fontawesome-svg-core: "^6.1.2"
@fortawesome/free-solid-svg-icons: "^6.1.2"
@fortawesome/react-fontawesome: "^0.2.0"
@reduxjs/toolkit: "^1.8.3",
@tanstack/react-query: "^4.0.10"
@testing-library/jest-dom: "^5.14.1"
@testing-library/react: "^13.0.0"
@testing-library/user-event: "^13.2.1"
axios: "^0.27.2"
bootstrap: "^5.2.0"
eslint: "^8.20.0"
eslint-config-prettier: "^8.5.0",
json-server: "^0.17.0"
node-sass: "^7.0.1"
prettier: "^2.7.1"
prop-types: "^15.8.1"
react: "^18.2.0"
react-bootstrap: "^2.4.0"
react-dom: "^18.2.0"
react-hook-form: "^7.34.0"
react-icons: "^4.4.0"
react-redux: "^8.0.2"
react-router-dom: "^6.3.0"
react-scripts: "5.0.1"
react-slick: "^0.29.0"
redux: "^4.2.0"
slick-carousel: "^1.8.1"
styled-components: "^5.3.5"
swiper: "^8.3.2"
web-vitals: "^2.1.0"
# Start!
$ yarn start
# mock api.
$ yarn init -y
$ yarn add json-server
$ yarn json-server --watch db.json --port 5001