[React] 공부할 때 도움이 되었던 사소하지만 큰 것

DOM/Virtual DOM, Rendering

제가 본 것중 가장 정리가 잘 되어있어서 너무 추천하는 페이지 링크로 남기겠습니다.

https://velog.io/@kimtaeeeny/DOM%EC%9D%B4%EB%9E%80-FE-study3-9xk56ahmsu

 

Webpack
코드들을 의존하는 순서대로 잘 합쳐서 하나 또는 여러개의 파일로 결과물을 만듦.
웹프로젝트를 만들때 전체적으로 파일을 관리해주는 도구

 

Babel
자바스크립트 변환 도구(컴파일러)
새로운 문법을 입력하면 JS의 구세대 문법으로 바꾸어 줌. (also jsx)

 

let/const와 var의 차이점.

let과 const는 scope가 블록 단위(지역)
var 는 scope가 전역

const : 한번 선언 후 고정적인 값
Let: 유동적인 값

 

 

컴포넌트를 만드는 두가지 방법
1. class를 통한 생성
render()는 JSX 문법을 이용하여 작성하여야 함.
HTML과 비슷하지만, 지켜야 할 규칙이 있음.
 - 태그는 반드시 닫혀있을 것. ex)<div> </div>
 - 두개 이상의 엘리먼트는 무조건 하나로 감싸 져 있을 것. ex) <div>1</div> , <div>2</div>


2. 함수를 통한 생성
JSX 안에 자바스크립트 값 사용하기

 

 

프레임워크

프레임워크
컴퓨터 프로그래밍에서, 소프트웨어 프레임워크(software framework)는 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조이다. 간단히 뼈대, 골조(骨組), 프레임워크(framework)라고도 한다. 이렇게 매우 폭넓은 정의는 이 용어를 버즈워드(buzzword)로서, 특히 소프트웨어 환경에서 사용할 수 있게 만들어 준다.

이것 만 가지고는 약간 개념 이해하기가 애매해서 자바스크립트 프레임워크 라는 키워드를 검색 해 봤다. 아래를 참조하자.

자바스크립트 프레임워크(JavaScript framework)는 자바스크립트로 작성된 애플리케이션 프레임워크이다. 제어 흐름 관점에서 자바스크립트 라이브러리와는 구별한다.[1] 라이브러리는 부모 코드에 의해 호출될 함수들을 제공하는 반면 프레임워크는 애플리케이션 디자인 전반을 정의한다.[2] 개발자는 프레임워크를 호출하지 않으며, 그 대신 프레임워크가 동일한 특정한 방식으로 코드를 출하고 사용한다. 일부 자바스크립트 프레임워크는 모델-뷰-컨트롤러(MVC) 패러다임을 따른다. 그 예로 앵귤러.js, 엠버.js, 메테오.js, 뷰.js가 있다.