말랑말랑 LAB

리덕스(Redux) 개념 이해 o 리덕스란?리액트에서 상태를 더 효율적으로 관리하는 데 사용하는 상태 관리 라이브러리상태 관리의 로직을 컴포넌트 밖에서 처리하는 것컴포넌트 밖 스토어(store)라는 객체 내부에 상태를 담아 관리리덕스를 사용하면 스토어에서 모든 상태 관리가 일어남상태에 어떤 변화를 일으켜야 할 때는 액션(action)을 스토어에 전달액션은 객체 형태로 되어 있으며, 상태를 변화시킬 때 이 객체를 참조하여 변화를 일으킴 -> 이 과정을 디스패치(dispatch)라고 함 스토어는 액션을 받으면 리듀서(reducer)가 전달받은 액션을 기반으로 상태를 어떻게 변경시켜야 할지 정함액션을 처리한 후 새로운 상태를 스토어에 저장

Github Repository에 create-react-app 생성해서 푸시하기! 1. Github Repository 생성 및 소스트리 연결이전 포스팅 참고 2. 터미널에서 create-react-appcreate-react-app react_app(프로젝트명) 입력 3. react_app 파일들 복사하기react_app 폴더 내부 파일들을 전부 선택해서 복사 -> Github와 연결된 폴더에 붙여넣기 !이때 README.md 파일에 대한 중복은 무시해도 됨 -> 4. .gitignore 파일 생성node_modules 폴더를 보면 굉장히 많은 파일들이 들어가있어서, sourceTree를 보면 커밋 가능한 파일들의 수가 28,000개 이상으로 나타난다이 파일들은 github에 푸시할 필요가 없으므로,..

1. React 프로젝트 생성 create-react-app react-router-test 2. react-router 설치 npm install react-router-dom 또는 yarn add react-router-dom 3. query-string 설치 npm install query-string

SourceTree를 이용해서 Git 관리하는 방법 정리! 1. Git 설정Git 설치: https://git-scm.com/downloadsGithub 가입 및 로그인: https://github.com2. Github Repository 생성'Repository name' 에 프로젝트명 입력'Description' 에 프로젝트 관련 설명 추가Public 선택Initialize this repository with a README (README 파일 생성) 체크 3. Clone repository URLClone or Download 초록색 버튼 클릭하면 아래와 같이 메뉴가 나타남 오른쪽에 있는 복사 버튼 클릭 --> URL 복사됨 4. SourceTree 다운받기https://www.sourcetre..