안 쓰던 블로그

App.js 살펴보기 import 새로 만든 프로젝트의 App.js 코드를 먼저 봅시다 코드 맨 윗줄에 import문이 있습니다 import React, {Component, Fragment} from 'react'; Node.js는 코드를 모듈화하여 재사용합니다 npm으로 다른 사람이 만든 모듈을 설치할 수도 있고, 자체적으로 내장된 모듈도 많습니다 이렇게 설치된 모듈을 불러오는 코드는 다음과 같습니다 var fs = require('fs'); 하지만 2015년에 공식 업데이트된 자바스크립트 문법 ES6에서부터는 import가 생겨서 이제는 이렇게 사용하면 됩니다 import fs from 'fs'; 즉, App.js 맨 윗줄의 import React, ~ 부분을 이전 자바스크립트 문법으로 하면 다음과..

리액트가 개발되게 된 배경 -자바스크립트만으로도 규모가 큰 애플리케이션을 만들 수 있는 시대가 왔음 -하지만 자바스크립트만으로만 관리하려면 프로젝트가 너무 크므로, 여러 프레임워크(Angular.js, Vue.js 등)들이 MVC, MVVM, MVW 등의 아키텍쳐 등으로 애플리케이션을 구조화하려는 시도를 했음 -이런 아키텍쳐의 공통점: 모델과 뷰가 있다 모델: 애플리케이션에서 사용하는 데이터 관리 영역 뷰: 유저에게 보이는 부분 즉, 프로그램이 유저에게서 어떤 작업을 입력받으면 컨트롤러가 변경된 사항을 뷰에 반영 -이 '반영'과정에서 문제가 있었는데, 일부만 반영하기엔 반영할 부분을 코드에서 찾아내야 하는 번거로웠음 -리액트는 그냥 기존 뷰 전체를 날리고 다시 새로 렌더링 하는 방식을 채택 -새로운 문제..