본문 바로가기

47

자바스크립트 변수, 상수, 불변값, 불변성 변수(variable) : 변할 수 있는 수, 변할 수 있는 무언가 식별자(identifier) : 변수의 뜻에서 '무언가'는 데이터라 함. 숫자, 문자열, 객체, 배열 모두 데이터. 식별자는 어떤 데이터를 식별하는 데 사용하는 이름, 즉 변수명 변수 선언 a는 undefined이더라도 나중에 다른 값으로 바꾸면 된다 let a; 데이터 할당 var a;//변수 a선언 a = 'abc';//변수 a에 데이터 할당 var a = 'abc';//변수 선언과 할당을 한 문장으로 표현 불변값 변수(variable)와 상수(constant)를 구분하는 성질은 '변경 가능성'이다. 바꿀 수 있으면 변수, 바꿀 수 없으면 상수. 변수와 상수를 구분 짓는 변경 가능성의 대상은 변수 영역 메모리이다. 한 번 데이터 할당.. 2022. 11. 13.
npm 설치 오류 메시지 code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm install 중에 오류 떴을 때 해결 방법 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm install react-project --save --legacy-peer-deps npm install과 함께 --save --legacy-peerdeps 를 추가하면 설치할 수 있다. --legacy-peerdeps는 npm 버전 4에서 6까지 스타일로 설치할 때 모든 peer dependencies를 무시하고 설치할 수 있다. 2021. 4. 25.
vscode open in browser default 바꾸는 방법 visual studio에서 open-in-browser exteension을 이용할 때 IE에서 chrome으로 변경하고 싶을 때가 있다. 1. File > Preperences > Settings (단축키 : ctrl + , ) 2. 검색어 : browser 3. User > Extentions > plugin open-in-browser 4. set Default browser : chrome chrome 을 적어주면 default로 크롬 브라우져로 열리게 된다. 2021. 4. 21.
리액트 + 웹팩 + 바벨 프로젝트 세팅 시작하기 의존성 초기화, 생성 npm init -y package.json 패키지에 대한 정보가 담긴 json파일이 자동으로 생성된다. -y : -yes의 축약형으로 명령어를 치면 이름, 버전, 설명, 라이센스 등 여러가지 질문을 하는데 귀찮으니 자동으로 yes라고 입력하게 함 mkdir src public dist src : 리액트 폴더 public : 정적 html 폴더 dist : 번들링 결과물 리액트 설치 npm i react react-dom i : install의 축약 react : 리액트 라이브러리 react-dom : dom, webapp, browser 관리 바벨 설치 npm i -D @babel/core babel-loader @babel/preset-env @babel/preset-react .. 2021. 2. 26.
node의 프레임워크 express espress란? node 프레임워크 중 최고의 프레임워크라고 해도 과언이 아닌 완벽한 프레임워크이다. express로 서버 생성, 라우팅, 미들웨어를 사용할 수 있다. 1. node 다운로드 2020/07/04 - [웹/Node.js] - node란? / node.js 설치 / 버전 확인 / node, npm 있는지 확인 / 노드 구조, 시스템 node란? / node.js 설치 / 버전 확인 / node, npm 있는지 확인 / 노드 구조, 시스템 Node.js? 서버사이드 자바스크립트이며 구글에서 만든 자바스크립트 엔진인 V8을 기반으로 구성된 소프트웨어이다. Node.js는 자바스크립트의 런타임 으로 자바스크립트 프로그램을 실행할 수 있다 webroadcast.tistory.com 2. expre.. 2021. 2. 3.
ES6. setPrototypeOf Object.setPrototypeOf() 주어진 객체의 Property를 변경 또는 null로 설정할 수 있다. 구문 Object.setPrototypeOf(obj, prototype); @param object : 프로토 타입을 변경할 객체 @param prototype : 새 프로토 타입의 값 또는 null let person = { drive() { return 'driving car'; } } let animal = { sleep() { return 'zzZ'; } } // Set person's __proto__ to animal's __proto__'s __proto__ Object.setPrototypeOf(animal, person); console.dir(animal);//object .. 2021. 1. 21.