Development(Web, Server, Cloud)/22) React.js & Node.js22 react.js & node.js 2일차 리액트를 사용하는 이유 웹사이트가 점점 더 복잡해 지면서 프론트엔드를 더 효율적으로 개발하기 위해 facebook에서 개발. DOM에 직접 접근하는 기존 패러다임에서 data-binding과 컴포넌트 기반의 FE 프로그래밍. React는 컴포넌트 기반이다. React virtual DOM 사용 DOM이란? Document Object Model 트리구조로 이루어진 html 모델 HTML 구조가 DOM이다. HTML 구조를 보면 html > head > body >... 쭉 내려간다. 이런식으로 tree를 가진다. 이러한 것을 dom tree라고 부른다. React는 변화가 생기면 변화가 생긴곳만 감지해서 새롭게 정의를 해주는데 이때 변화를 해주는 횟수가 성능에 영향을 미친다. react에서는 최대한 업데.. 2021. 12. 23. react.js & node.js 1일차 1주차 : React 기초, React hooks 2주차 : todo list 만들기, api 통신 3주차 : bootstrap 따라만들기 4주차 : 영화,책 검색사이트(node.js) -> 네이버 open API를 사용해서 책 검색, 영화 검색 사이트만들기 5주차 : 인스타그램 클론코딩 프로그래밍 언어 브라우저의 동작을 코딩할 수 있음. (정적페이지 -> 동적페이지) 브라우저 JS코드를 실행할 수 있음 (v8엔진) node.js의 등장 브라우저처럼 JS를 실행시킬 수 있는 환경. (runtime) Backend Server는 express.js이다. express는 node.js를 기반으로 할 수 있는 웹 프레임워크, 서버이다. 이거말고도 koa.js라는 것도 있기도 하다. node.js의 등장으로 프.. 2021. 12. 22. 이전 1 ··· 3 4 5 6 다음
