JudithHopps JudithHopps

npx create-react-app movie 명령어 실행 단계에서 아래와 같은 오류가 발생했다. In most cases you are behind a proxy or have bad network settings. 위 문장을 보니 proxy 또는 네트워크 환경 문제가 있을 것 같다. proxy환경을 수정하려고 이것저것 노력해봤지만... 해결되지 않았다. 결국 node.js 파일 삭제 후 새로 설치했다

1. npmjs에서 리액트 다운로드 횟수 확인하기 react React is a JavaScript library for building user interfaces.. Latest version: 18.2.0, last published: 3 months ago. Start using react in your project by running `npm i react`. There are 92216 other projects in the npm registry using react. www.npmjs.com 2022년 9월 13일 기준 매주 1500명이 넘게 리액트를 다운로드 받고 있습니다. 2. state of JS의 설문조사 The State of JavaScript 2019: Front End Fr..

BrowserRouter HashRouter URL뒤에 아무것도 붙지 않는다. 웹 서버 설정에 따라 어떤 패스로 들어오든 루트 페이지에 있는 HTML 파일을 서비스할 수 있다면 BrowserRouter을 사용 URL에 #이 붙는다. (#뒤 내용은 북마크라는 뜻이다) 웹 서버는 #문자 뒷부분의 주소를 무시한다. 웹 서버 설정에 따라 어떤 패스로 들어오든 루트 페이지에 있는 HTML 파일을 서비스할 수 없다면 Ha shRouter 사용

※ react-router-dom 설치하기 cmd에 npm install react-router-dom 입력 참고도서) 생활코딩! React 리액트 프로그래밍 http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791158392376 생활코딩! React 리액트 프로그래밍 - 교보문고 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 | 생활코딩은 일반인에게 프로그래밍을 알려주는 것을 목적으로 하는 비영리 교육 활동으로, 이 책은 생활코딩에서 제공하는 수업 가운데 www.kyobobook.co.kr p259 Switch컴포넌트를 이용해 exact라는 속성을 사용하지 않는 효과를 내고 있다. function A..

bind란? bind자체의 의미는 '뭔가를 엮는다'라는 뜻이다. 함수 객체의 bind 함수를 호출하면 함수 내의 this가 변경된 새로운 함수를 만들 수 있다. setState란? state를 바꿔야 할 때 사용해야 한다. ※ 리액트는 state 함수를 사용하면 state의 값이 변경된 것을 모르기 때문이다.

변경 후 코드 {this.state.subject.title} {this.state.subject.sub} 1. 함수 뒤에 .bind(this) 추가하기 2. this.setState함수 호출해서 변경하기 변경 전 코드 {this.state.subject.title} {this.state.subject.sub}

props VS state 차이점 props state 차이점 읽기 전용(read only) 상위 컴포넌트가 하위 컴포넌트에게 어떤 데이터를 전달할 때 사용 수정가능 (setState) 컴포넌트 명령 상위 컴포넌트가 하위 컴포넌트에게 명령할 때는 props를 이용하고, 하위 컴포넌트가 상위 컴포넌트에게 명령할때는 이벤트를 쓴다.