post-thumbnail

React - 쇼핑몰 구현 - Pages

주어진 더미 데이터 API를 활용하여 쇼핑몰을 구현하는 프로젝트이다.크게 위와 같이 구조를 잡고 프로젝트를 진행하였다.Other 기능 중 Toast 기능은 App의 제일 위에 올려져야 한 번만 실행되므로 App.js에 삽입하였다.const MainPage = () =>

2023년 5월 22일
·
0개의 댓글
·
post-thumbnail

React - Redux 정리

자바스크립트 앱에서 예측가능한 상태관리를 해주는 Container상태가 관리되는 오직 하나의 공간, 저장소컴포넌트 3의 변화로 인해 컴포넌트 6도 상태변화가 일어나야 한다면 Store가 없을 경우 상태변화의 흐름은 3->1->최상위->2->6으로 가게된다.하지만 Sto

2023년 4월 24일
·
0개의 댓글
·
post-thumbnail

React - State 끌어올리기

React를 사용해서 State를 끌어올리는 개념을 이해해보자!트위터와 같은 간단한 SNS를 예로 들어보자일반적인 트위터를 트리구조로 표현하면 위와 같다.이 중에서 변하지 않는 값은 무엇일까?사용자가 입력을 실시간을 하는 Tweet Form의 경우 계속해서 상태가 변하

2023년 4월 2일
·
0개의 댓글
·
post-thumbnail

코드스테이츠 프론트엔드 부트캠프-Section2 React 이용하여 간단한 Tweetler 제작

Section2에서는 React를 메인으로 학습하였다.이번에는 React를 이용하여 유사 SNS를 만들어보자늘 그랬듯 결과물부터~아 물론 데이터들은 실제 서버에서 불러온 것이 아닌 Dummy Data를 활용하였다.메인 js파일은 7개로 구성된다.App.jsTweets.

2023년 3월 28일
·
0개의 댓글
·