액션 타입과 액션 생성함수 액션 타입: 프로젝트의 상태에 변화를 일으키는 것이며 이름은 고유해야하며 대문자 문자열로 작성한다. const TOGGLE = 'TOGGLE' const ADD = 'ADD' const DELETE = 'DELETE' 액션 생성함수 : 액션 이름을 사용하여 액션 객체를 만드는 함수, 액션 객체는 type을 반드시 갖고 있어야 하며 추후 상태 업데이트 시에 참고하고 싶은 값은 마음대로 해도 상관없다. const toggle = () => ({ type: TOGGLE }); const add = difference => ({ type: ADD, difference }); const delete = () => ({ type: DELETE }); 리듀서 함수 정의 리듀서는 변화를 일으..
마켓컬리 클론 프로젝트 위코드 1차 프로젝트로 신선식품 새벽배송 플랫폼인 '마켓컬리' 클론 프로젝트를 진행하게 되었다. 이 프로젝트를 통해 나는 처음으로 다른 사람들과 함께 소통하고 협업하며 결과물을 만들어 내는 경험을 할 수 있었다. 비로소 개발자들의 업무방식을 이해할 수 있게 되었고, 개발자라는 직무가 그 어떤 직무보다 원활한 소통이 밑바탕이 되어야만 더 나은 결과물이 나온다는 사실을 배울 수 있었다. 작업기간🔥 2021.08.30 ~ 2021.09.10 기술스택 ⚙️ FE : 3명 HTML/CSS Javascript(ES6+) React SASS BE : 3명 Django Python PyJWT 구현 사항 상품상세페이지 메인페이지에서 상품 이미지를 클릭하면 query string url로 상품 상세..
SPA (Single Page Application) Westagram-fontend: longin.html, main.html 등 - 페이지 수 만큼 html 파일이 존재한다. 리액트 프로젝트에서 .html 파일의 개수는? 1개 ==> SPA 한 개의 웹페이지(html) 안에서 여러개의 페이지를 보여주는 방법? => Routing Routing 어떤 특정한 경로가 들어왔을 때 그 경로에 맞는 화면을 보여주는 것. 다시 말해 각각의 경로(url 주소)에 따라 다른 View(화면)을 보여주는 것이다. 리액트 자치에는 이러한 기능이 내장되어 있지 않다. ==> React Router : 리액트에서 라우팅 기능을 구현하기 위한 third-party 라이브러리 `npm install react-router-do..
