미미 공부/취미방

01 import와 export 가져오기, 내보내기 자바스크립트 파일은 다른 자바스크립트 파일에서 내용을 가져오거나, 다른 자바스크립트 파일에 내용을 보낼 수 있다. node_modules에서 가져오는 경우 import _ from 'lodash' (해석) lodash를 'node_modules'에서 가져와서 _기호로 사용하겠다. 자바스크립트 파일에서 가져오는 경우 import getType from './getType' (해석) 자바스크립트 파일 getType에서 내보내진 내용을 가져와서 사용하겠다. export default 내보내기를 할 때, 내보내는 데이터의 이름을 지정하지 않아도 된다. (코드작성) export default function () {} (import코드) import 사용할이름 ..

JS 데이터 객체 데이터 정적 메서드 (static method) Object.메서드() 형식으로 객체 데이터 자체에 사용할 수 없다. Object 전역 객체에 직접 사용한다. .Object.assign() 대상 객체에, 한 개 이상의 다른 객체를 붙여 넣고 덮어 씌운다. 첫 번째 인수가 대상 객체 대상 객체는 원본이 수정된다. 참조형 데이터 / 원시형 데이터 참조형 데이터 : 메모리에 있는 특정 주소를 참고만 한다. 객체, 배열, 함수 원시형 데이터 : 불리언, 글자, 숫자 데이터 a와 b는 데이터 값이 동일하지만, 참조형 데이터로 서로 다른 주소를 참조하고 있어서 데이터가 같지 않다. target과 userAge는 동일한 메모리 주소를 참조한다. 빈 객체를 대상 위치에 넣어서 새로운 객체를 생성했는데..

JS 데이터 자바스크립트의 각 데이터 타입(문자, 숫자, 객체, 배열 등)의 처리 방법을 위한 내용 String (문자 데이터) 문자 데이터도 결국 new라는 키워드로 만들어진 데이터이다. 리터럴이라는 방식(특수문자로 감싸기만 해서 데이터 형태를 바꾸는)을 통해 new라는 키워드로 데이터를 생성하지 않아도 된다. 예시들 String.prototype.indexOf(값) 어떤 String 데이터에 () 안에 들어가는 값과 일치하는 데이터가 있으면, 그 데이터의 첫 글자 index 값(순번)을 반환하고, 일치하는 데이터가 없으면 -1을 반환한다. : prototype을 통해 지정한 메서드 indexOf는 메모리에 딱 1번만 만들어지고 String 생성자가 new라는 키워드로 만들어내는 인스턴스에서 언제든 활..

5주차.Chapter 2 함수 복습 매개변수와 인수 각 매개변수 자리에, 같은 자리에 넣은 인수가 들어간다. 따라서, 첫 console.log에서 x=1, y=3이고 두 번째에서 x=4, y=12이다. return에 대하여 return이 선언된 줄에서 함수 동작이 끝난다. 따라서, 그 다음줄에 오는 코드는 실행되지 않는다. (if 조건문으로 return을 넣은 경우는 예외) return 우측에 반환할 값을 꼭 넣지 않고, 코드를 종료시키는 용으로 사용할 수 있다. return을 사용해 값을 반환하는 경우, 반환된 값을 사용하기 위해서 어떻게든 그 값을 우선 받아야 한다. const a = 받을 함수; 혹은 함수(); 이런식으로 arguments에 대하여 일반적이진 않지만 arguments라는 객체를 이용..

JavaScript Essentials 시작 ECMA스크립트 : 자바스크립트 표준화 기준 버전 1부터 현재까지 거의 매년 업데이트되고 있는데, 6버전 부터 크게 바뀌었다. 오래된 브라우저는 최신 표준화 코드를 지원하지 않는다.(예. Internet Explorer) 브라우저들도 ECMA 표준화가 업데이트되는 거에 따라 혹은 먼저 새로운 코드를 적용한다. npm 복습겸 프로젝트 첫 기본 세팅 npm init -y npm i parcel-bundler -D package.json > "script" > "dev": "parcel index.html", "build": "parcel build index.html" index.html 등 필요한 파일 추가 npm run dev 자바스크립트 시작하면서, 자바스크..

4주차.Chapter 4 Node.js란, : Chrome V8 JavaScript 엔진으로 만들어진 JavaScript 런타임 => JavaScript가 동작하는 환경. javascript 문법을 해석, 동작하는 엔진으로 만들어졌다. => JavaScript는 1. 웹 브라우저 2. Node.js가 설치된 컴퓨터 환경에서 동작한다. => JavaScript가 동작하는 컴퓨터 환경을 Node.js라고 한다. => 다양한 모듈을 사용해 CSS, JavaScript등을 더 쉽게 작성하고 구현할 수 있는데 이런 모듈을 웹 브라우저에서 읽을 수 있게 변환해 준다. Node.js 세팅하기 노드 버전 매니저 설치 다양한 노드 버전 설치 사용할 노드 버전 설정 npm 세팅하기 github에 업로드해서 버전관리 하기 ..