개발할래요

보호되어 있는 글입니다.

리액트에서 데이터는 단뱡항으로만 흐름이런 단점을 극복하기 위해 만들어진 변수가 바로 '전역 상태 변수'State : 컴포넌트 내에서 변화하는 값, 변화 가능한 값 리코일 : 전역 상태 변수 라이브러리 ('페이스북' 에서 만듦)전역 상태 변수 중 하나  예제 : 장바구니에 아이템을 담기 (장바구니에 담긴 데이터를 전역 상태 변수 'recoil state' 로 관리한다.) 여러 컴포넌트에서 공유하고 있는 상태를 리코일에서는 'atom' 이라고 한다. [리코일 용어]atom : 리코일 상태 최소 단위- 예시export const shoppingCart = atom ({ key : "shoppingCart" // 다른 atom 들과 독립적으로 구분되는 값이어야 함. default : []}); select..

지인한테 설명해주려고 뚝딱 대충 만든 메모장과 코드ㅎㅎ 왠지 올려놓으면 좋을 거 같아서 기록

오늘 실습할 내용redux, react-redux 로 App.js 에 간단한 다크모드, 일반모드 기능을 구현해볼 것이다. - 프로젝트 경로 : C:\react_redux- react - app 명 : darkmode- Node 버전 : 20. 10. 0- IDE : 인텔리제이 - 경로 - 1-리액트 앱,  2-리덕스,  3-리액트-리덕스 이 3가지만 설치할 예정- 1-인텔리제이 터미널로 리액트 프로젝트 설치npx create-react-app darkmode - 제대로 설치되었는지 npm start 로 테스트npm start정상동작 확인했으면 control + c -> y 로 진행 중인 프로젝트 종료시키고 남은 라이브러리 마저 설치 - 2-리덕스(redux) 설치npm install --save redu..

- 프론트 프로젝트 경로 : C:\comunity_front- node 버전 : 20. 10. 0- IDE : 인텔리제이  #1 npx create-react-app community_front- 로 프론트 프로젝트 생성- 위에 c:\community_fron\ 경로에 위 사진 처럼 node_modules 등등의 파일이 생기면 react 프로젝트 설치 완료 된 것.- 설치 완료- 경로 이동해서 npm start 리액트 프로젝트 실행- 성공-  ui, css 를 위해 (1)  reactStrap  :: 깔끔한 ui 쉽게 사용하기 위함(2) boostrap :: reactstap이 style 속성을 bootstrap에서 가져와 쓰기 때문(3) sweetalert2 :: 깔끔한 alert 창을 쉽게 사용하기 ..

여러 협업을 하다 보면 다른 사람이 설치한 라이브러리나 모듈이 정상적으로 동작하지 않아프론트 프로젝트 전체에 에러가 발생하는 경우가 있다그런 경우 node 모듈을 재설치해야 하는데재설치하기 위한 프로세스를 간단하게 정리하겠다.  1. node_modules 폴더 삭제2. package-lock.json 삭제(위에서 진행하는 삭제는 delete 삭제 또는 터미널 명령어 삭제 중 편한 걸로 진행)3. 터미널에서 npm install 로 모듈 재 설치

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.