FRONT-END

함수의 종류

1. 표현형

const exam = function(a){

console.log(a*2)

}

exam(1)

1.1 선언형-호이스팅가능

function exam(a){

console.log(a*2)

}

exam(1)

2. 화살표형

const exam = a => a*2

console.log(exam(1))

// => 으로 리턴할시 {return ~}은 그냥 생략가능하나 return하는 값이 { } 인 객체형일시 ({ ~ }) 을 써야한다.

3. 즉시실행

const a=1;

(function ( ) {

console.log(a)

})( )

함수를 한 스크립트로 만들어 밖으로 내보낼 준비를 한다. 

내보낼 함수 앞에 export default 를 붙인다.

외부에서 함수를 받기 할 스크립트에 import 외부함수명 from 외부함수위치 를 선언한다.

─────────────────────────────────────────────────────

const나 let은 특정 블록 { }범위내 에서만 유효한 범위를 가진다.

var은 함수 범위내에서 큰 범위를 가진다.

nvm이란 여러 node.js의 버전을 다운할수 있게해주는 통합프로그램이다.

nvm install ~버전

nvm ls

nvm use ~버전

nvm --version

npm란 html에서 swiper나 구글매터리얼등 각종 패키지를 선언하는것처럼 프로젝트에 미리 설치하는것.

npm init -y : 패키지 관리 선언

설치한 패키지가 모두 삭제되어도 package.json에 이전에 설치한 패키지와 버전이 명시되어있어서 npm install만 명령해도 자동으로 다시 설치된다.

npm install시 -D의 차이

D는 DEVELOP의 약자로 개발에만 쓸시 붙이고 HTML에서 일반적 의존성으로 쓸시는 D를 안붙이고 설치한다.

npm install parcel-bundler -D

npm install lodash 

설치한 parcel 실행을 위해

parcel index.html 을 하면 명령어를 인식못할 수있다. npm init -y 로 생성한 package.json에서 scripts에

"dev": "parcel index.html"을 작성후 npm run dev를 하면 parcel index.html이 작동된다.

"build":"parcel build index.html" 을 npm run build하면 웹에 실제로 난독화된 것으로 나타난다.

import _ from 'lodash' 를 main.js에 선언하여 node_modules에서 lodash를 가져와서 쓴다.