JavaScript18 React - Redux props vs state props : 프로퍼티의 줄임말 부모 컴포넌트에서 자식 컴포넌트로만 보낼 수 있음 props 의 값은 바뀔 수 없음 값이 바뀌려면 부모 컴포넌트에서 값을 바꿔서 다시 내려줘야 함 state props처럼 부모 컴포넌트에서 자식 컴포넌트로 값을 내려주는게 아니라 그 자리에서 값을 바꾸고 싶다면 state로 하면 된다. state 의 data는 바뀔 수 있음 state 의 data가 바뀌면 re-render 됨 state = { example1:'', example2='', }; redux 흐름 (단방향) action : 상태를 알려준다 {type: '좋아요따봉' , articles: 13} reducer : 이전 state가 action을 받은 후에 바뀐 상태를 알려준다 {pr.. 2021. 12. 9. React - react 시작하기 우선 nodeJS를 설치 https://nodejs.org/ko/ 최신 깔자 VScode 설치 Visual Studio Code - Code Editing. Redefined Ctrl + shift + ` 로 터미널을 띄우고 $ cd 'react를 공부할 폴더경로' $ npm i -g create-react-app $ create-react-app 'react를 공부할 폴더 이름' 그럼 이제 react 시작 준비 끝! src의 index.js를 열어보면 $ cd 'react를 공부할 폴더경로' $ npm i -g create-react-app $ create-react-app 'react를 공부할 폴더 이름' 2021. 12. 9. JS - this 키워드 this 객체(인스턴스) 참조위치를 가지고 있는 키워드입니다. const lee = ex.sample({ ~~~ }); lee.exec(() => { let hi = this; } // 여기서 this는 lee를 가리킴 1. 객체 내부에서 인스턴스 멤버임을 명확하게 하기 위해 사용 합니다 2. 주로 매개변수와 필드명이 동일할 경우 인스턴스 필드임을 명확하게 하기 위해 붙입니다. 3. 중첩된 함수의 this는 글로벌 객체(브라우저에서는 window)를 참조한다 [출처] JS - this 키워드|작성자 달보드레 2021. 12. 9. TS - Tsconfig Schema # Tsconfig schema 최상위 프로퍼티들 - filesDefinition - excludeDefinition - includeDefinition - compileOnSaveDefinition - extendsDefinition - compilerOptionsDefinition - referencesDefinition - typeAcquisitionDefinition - tsNodeDefinition 1.compileOnSave // tsconfig.json { "compileOnSave": true, "compilerOptions": { .... } } 이럴경우 이 프로젝트에서 파일을 저장하면 컴파일을 하겠다는 옵션이다. 디폴트 값은 false 이다. 2.extends // tsconfi.. 2021. 12. 9. 이전 1 2 3 4 5 다음