# create react app

[개발일지] create-react-app git permission error
개발할때 react 사용하고 싶어서 생활코딩에서 강의를 듣고 있는데 git에 커밋을 하고 싶었는데 지속적으로 git: fatal: unable to create '/users/(user\_이름)/documents/study/lecture/react-app/.git/in

리액트 create-react-app 설치
리액트 프로젝트를 만들 때는 Node.js를 반드시 먼저 설치해야 한다. Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이고, 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있다.

React Context
React에서 컴포넌트에 프로퍼티를 넘길때 하나씩 나열에서 사용해왔습니다.다만 React가 부모에서 부터 아래로 인자를 내려주는 drill down 형식이라 props가 많아질수록 코드는 복잡해지고 길어지며, 관리하기도 힘들어지겠지요..이러한 문제를 해결하기위해 만든

React useReducer
useState는 상태값을 저장하고 set을 이용하여 변수나 객체의 상태값에 변화를 줄수있게하는 React의 hook입니다. 해당 포스트에서도 설명하고 있습니다. 하지만 이러한 객체들이 많아지면 어떻게 될까요? 전부 한줄씩 작성해야할까요? 마찬가지로 onCreate,

React memo, useMemo, useCallback
memo란 React는 특정 값이 변경되면 화면을 다시 렌더링 하여 변경된 화면을 그려줍니다. 그런데 이 부분이 때로는 원치 않는 랜더링으로 성능의 저하를 가져올 수 있습니다. 예를 들어 두 개의 input 창이 있을 때 React는 두 개의 input 중 한 개의

React List 다루기
react는 단방향 흐름을 가지고 있습니다. 이 말은 부모페이지가 자식에게 데이터를 보내주는게 가능하나 자식이 부모에게 전달하는 것은 불가능 합니다 예제를 확인해보죠조금 react를 찍먹해보시셨으면 느끼셨겠지만 diaryList={dummyList}로 App.js에서

React useState, useRef 알아보기
React에서 상태(State)를 관리하기 위해 사용하는 Hook 중 하나인 useState() 는 함수형 컴포넌트에서 상태를 추가하고 변경할 수 있도록 하는 역할을 합니다. useReact()를 사용하기 위해서는 react를 import해줘야합니다. 그리고 다음과 같

React 시작하기 (Intellij설치)
React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 자바스크립트를 기반으로 움직이는 라이브러리이며 node.js에서 작동하기 때문에 node.js와 npm을 필요로 합니다.node.js: 자바스크립트를 내장되어있는

[React] VS Code 에서 react app 설치
VS Code로 create-react-app을 설치하여 React를 기본 프로젝트 구조를 생성하는 방법을 정리해보려고 한다.

React 기초) 1. Docker를 이용한 개발 환경 구축
이번 시리즈는 Reat 기초 과목에 대해서 공부할 예정이며, 저도 독학으로 공부하고 있기 때문에 많이 부족한점 양해 부탁드리며, 틀린 부분이 있다면 언제든지 댓글로 알려주시면 감사 드립니다. 그럼 시작하도록 하겠습니다.
create-react-app의 방향과 미래
https://blog.bitsrc.io/the-future-of-react-why-create-react-app-is-deprecated-and-hooks-are-the-future-83e8a087a325

아무 생각 없이 CRA만 하셨나요?
네 맞습니다... React할때 무지성으로 CRA만 하던 사람 바로 접니다...CRA는 개발자 본인이 React를 위한 환경을 만들어 주지 않아도 자동으로 React 프로젝트를 시작할 수 있게 환경을 만들어 주는 개발도구 입니다.npm create-react-app "

React - Install (create-react-app)
nodejs 설치VS code 설치package.json 파일에 명시되어있음 react commandsnpm start: Starts the development server / 개발모드로 프로그램 실행npm run build: Bundles the app into s

patch-package를 사용하여 create-react-app 에서 리액트 18 버전 react-dnd에서 발생하는 컴파일 에러(./jsx-runtime.js is not exported from package) 해결하기
create-react-app 에서 리액트 18버전으로 업그레이드를 하려고 하니 아래와 같은 에러에 맞닦뜨렸다.react-dnd 깃헙 상에도 오픈 이슈로 진행중인 상태이지만 아직 패치된 버전은 릴리즈 되지 않은 상태다.https://github.com/reac

CSR VS SSR
서론 짧았지만 길었던 1차 프로젝트를 뒤로 하고 다시 강의가 재개되었다. 순수 자바스크립트로 프로젝트를 진행하면서 여러가지 불편한 사항이 많았는데, 예를 들면 헤더와 NAV Bar와 같이 중복되는 레이아웃에 대한 처리가 힘들기도 했고, Parsing 기반의 데이터 처