1. 한글 처리와 git reset 1) 한글 처리 터미널에서 한글이 깨질 때: set LCALL=koKR.UTF-8 명령 git status에서 한글이 깨질 때: git config --global --edit 명령 후 [core]에 quotepath = false

1. Git을 쓰는 이유 1) 버전 관리 코딩하고 있을 때 중간에 꺼져서 날아가거나, 배포 후 버전을 되돌리고 싶을 때 한 파일로 버전을 관리할 수 있음 2) ⭐협업 예를 들어 팀원이 두 명 이상일 때 보고서 작성 시 한 파일을 동시에 수정하는 일이 발생할 수 있으므

1. Context API 전역적으로 데이터가 사용되야 할 때 (TicTacToe-> Table-> Tr-> Td) 사용 2. createContext와 Provider createContext() 함수를 사용하여 Context 만들기 Context API의 데이터에

1. useReducer 소개 state가 많아지면 관리가 힘들어지기 때문에 useReducer를 사용하여 하나의 state, setState 로 통일할 수 있음 2. reducer, action, dispatch의 관계 reducer: state와 action객체를

1. 로또 추첨기 컴포넌트 Lotto.jsx Ball.jsx 2. setTimeout 여러 번 사용하기 for문에 let 사용 시 클로저 문제 발생 x setTimemout() 사용 시 끝나고 항상 clear 해줘야 함 (메모리 누수 문제 발생) 3. compon

1. 리액트 라이프사이클 componentDidMount(): 처음 render가 성공적으로 됐다면 실행, 리랜더링이 되면 실행x (비동기 요청) componentDidUpdate(): 리랜더링 후 실행 componentWillUnmount(): 컴포넌트가 제거되기 직

1. React 조건문 jsx에서는 for, if문 사용 x -> 삼항연산자 또는 AND(&&) 연산자 사용 ResponseCheck.jsx > 코드가 지저분할 때 이렇게 함수로 랜더링 부분을 분리해도 되지만 새로운 컴포넌트로 만들어 주는 게 더 좋음! 2. set

1. import와 require 비교 1) require: node의 모듈 시스템 NumberBaseball class가 module.exports 담겨서 다른파일에서 require로 불러오기 2) import: ES2015(ES6) 모듈 시스템 exports

1. 웹팩 설치하기 create-react-app으로 자동 설치 가능 터미널 실행 후 npm init: package.json 파일 생성 npm i react react-dom: npm이 react, react-dom 설치 npm i -D webpack webpack-

1. 첫 리액트 컴포넌트 create-react-app없이 html로 컴포넌트 만들기 lecture 디렉터리 만들고 그 안에 index.html 생성 index.html 2. HTML 속성과 상태(state) 상태(state)는 바뀌는 부분, 혹은 바뀔 수 있는 부분

1.Update Read기능, Create 기능 결합 components 디렉터리에 UpdateContents.js 파일 생성 App.js render()함수 안 코드가 복잡하기 때문에 새로운 함수로 쪼개서 분리시켜보기 UpdateContent 컴포넌트 실행 시 입

1. mode 변경 `와 ` 컴포넌트 사이에 create, update, delete 버튼 만들기 components 디렉터리 안에 Control.js 파일 생성 Control.js App.js 2. mode 전환 create 클릭 시 `` 컴포넌트로 바꿔보기 원

1. 이벤트 state props 그리고 redner 함수 props, state, event 이 3개가 서로 상호작용하여 애플리케이션의 역동성을 만듦 App.js mode값이 welcome, read에 따라 실행되는 코드가 바뀜 props, state값이 바뀌면

Props: 사용자가 컴포넌트를 사용하는 입장에서 중요State: Props의 값에 따라 내부의 구현에 필요한 데이터, 외부에서 알 필요 없는 정보 은닉위 props의 값들이 하드코딩되어 있는 걸 state로 만들고, state값을 Subject의 props로 전달하는

1. 컴포넌트 만들기 App.js 실행결과 ` 안에 `태그가 들어가 있음 > ❗ 위에서 짠 코드는 자바스크립트 코드가 아닌 JSX JSX로 코드 작성시 Creat React App이 알아서 자바스크립트 코드로 변환 태그를 열었으면 꼭 닫아야 함 두 개 이상의 태그는

1. 리액트 왜 쓸까? : 사용자 정의 태그 Component로 작성 가독성 재사용성 높아짐 유지보수를 쉽게 할 수 있음 2. 개발환경 종류 https://reactjs.org/ 1) Online Playgrounds 컴퓨터에 세팅할 수 없는 환경이라