[패스트캠퍼스] React 강의-5주차

ECMA스크립트

:ECMA스크립트(ECMAScript, 또는 ES[1])란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다.[2] ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다.

https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8

ECMA스크립트 - 위키백과, 우리 모두의 백과사전

1. npm으로 프로젝트를 시작하겠다: npm init -y

2. 폴더에 package.json 파일이 생성, 이 파일을 열어서 살펴보고

3. 모듈 설치: 파슬 번들러(개발 용도로만 사용): npm install parcel-bundler -D or npm i ~

4. package 파일에서 script 영역에: dev라는 명령어를 통해서 index.html 개발서버를 열겠다라고 선언해 주시고

5. build 명령어를 통해서 pacel 명령을 실행하는데 "parcel build index.html" 

6. index.html과 main.js를 통해서 parcel 번들러를 통해서 로컬 서버를 열어줄 것이다.

7. 실행 명령어: npm run dev

 

 

삼항 연산자: console.log(a ? '참' : '거짓')

조건문: if else, else if를 사용

스위치: 하나의 케이스는 break로 마무리 해야 한다

반복문:  for( 시작조건; 종료조건; 변화조건){ }

변수 유효범위:var(함수 레벨 유효범위),  let, const(블록 레벨)

형(type) 변환: ==(동등 연산자) 동등연산자를 사용하게 되면 형 변환이 일어나게 되어서 의도치 않은 결과가 나올 수 있다. 그래서 자바스크립트에서는 일치 연산자를 사용, ===(일치 연산자)->두개의 데이터를 비교할 때 사용.

Truthy(참 값은 값)

true, {},[], 1, 2, 'false', -12,'3.14' ...

Falsy(거짓 같은 값)

false, '',null, undefined, 0, -0, NaN

즉시 실행 함수 ( )( ), ( ( ))

호이스팅//함수 선언부가 유효범위 최상단으로 끌어올려지는 현상.

타이머 함수

- setTimeout(함수, 시간): 일정 시간 후 함수 실행

- setInterval(함수, 시간): 시간 간격마다 함수 실행

- clearTimeout( ):설정된 Timeout 함수를 종료

- clearInterval( ): 설정된 Interval 함수를 종료

콜백  //함수의 인수로 사용되는 함수, 실행의 위치를 보장하는 용도로 사용된다.

 

JS클래스

생성자 함수:  파스칼케이스, 즉 첫단어는 무조건 대문자로

this: 일반 함수는 호출 위치에 따라 정의, 화살표 함수는 자신이 선언된 함수 범위에서  this를 정의

ES6 Classes

상속(확장)

JS 데이터 - 01. 문자

string mdn

JS 데이터 - 05. 객체

Object.assign() 메서드는 출처 객체들의 모든 열거 가능한 자체 속성을 복사해 대상 객체에 붙여넣습니다. 그 후 대상 객체를 반환합니다.

 

구조 분해 할당(비구조화 할당)

전개 연산자

데이터 불변성

원시 데이터

참조형 데이터(새로운 데이터가 만들어지면 새로운 메모리에 할당)

얕은 복사와 깊은 복사

---

심화된 내용으로 강의가 진행되니 따라가기가 너무 벅차고, 이해하는것도 힘든데,

책도 찾아보면서 공부는 하는데,,,,, 솔직히 아직까지 힘듬. css는 정말 쉬운거였어 ㅡ,.ㅜ