[WARNING] 또야주의

호출 함수의 바인딩 문제! 이 오류를 만나면, 이것을 우선으로 의심해야 한다. 바인딩에 대한 내용은 다음 문서에서 참고할 수 있다. https://ko.javascript.info/bind 1️⃣ case 1. 클래스형 컴포넌트 this.onChange= this.onChange.bind(this) 와 같이 this의 바인딩을 생성자(constructor)에서 해주면 된다. 2️⃣ case 2. 함수형 컴포넌트 해당 함수를 화살표 함수로 아래와 같이 작성하면 된다. const onChange = () => { ... } 왜냐하면 화살표 함수는 this가 없다. 그러므로 this의 바인딩을 하지 않는다. 만약 화살표 함수 내부에서 this를 사용하면, Execution Context(실행 컨텍스트)에 의해..

웬걸? 데스크탑에서 노트북으로 개발환경을 옮기고 리액트 프로젝트가 있는 해당 경로로 이동한 뒤 npm start를 해주었더니 제목과 같은 오류가 발생했다. 뭐 가끔 있는 일이니... --> npm install -save react-script 이 명령어로 해결해준다. 이렇게 하게 되면, react-script의 의존성을 확인하여 package.json에 의존성을 추가한다. 명령어를 입력하고 나면 아래와 같이 정상적으로 리액트 서버가 동작한다. 추가적으로 다른 경고가 뜰 수 있는데, 그것은 아래와 같다. vulnerabilities는 보안 문제인데, --> npm audit fix 로 일부분 해결할 수 있다.

서버 자바스크립트 부분을 공부하던 중, fs 모듈을 추출하여 readFileSync 메서드로 동기적인 파일 읽어들이기 실습을 해보았다. 같은 폴더 내에는 textfile.txt라는 파일과, A.js 라는 파일이 있다. 먼저 모듈을 추출하고 파일을 읽어들인 뒤 출력해본다. 동일 폴더 내에 있으니 텍스트 파일명만 입력해준다. 1 2 3 4 5 6 7 8 9 // fs.readFileSync() 메서드 - 동기적으로 파일 읽어 들이기 // 모듈 추출 const fs = require('fs'); // 파일을 읽어 들이고 출력 const file = fs.readFileSync('textfile.txt'); console.log(file); console.log(file.toString()); cs 웬걸? 잘 ..