butterwalnut

페이스북은 왜 리액트를 만들었나? Dom : 트리구조 : 부모-자식 DOM이 수정되면? 페북의 타임라인 무한스크롤~~~ 앗 500개나 보다가 맘에드는 포스트 발견 !!! 좋아요 -> DOM의 수정이 일어남!! 자식 node를 찾아서 계~속 찾아서 수정을 했다... 아이고 힘들어 보다 보니까 2346번째 포스트가 또 맘에 들어 또 node - node - node - node - node - node - node - node - .. 즉, DOM '하나'가 수정된다면 모든 DOM을 뒤져야 한다. 전면 수정의 반복, 자식노드의 수정을 부모가 갖기 때문에 계속 수정수정수정수정수정수정수정수정수정....... 가상 DOM의 등장! '행위에 따라서 가짜 돔을 그린다' 메모리에 - 변화한 n번째 DOM만 다시 그리는..

1. CSS를 대체할 수 있는 SCSS node-sass를 설치해주어야 한다. yarn add node-sass@4.14.1 open-color sass-loader classnames sassmeister.com : scss -> css 문법 번역 css를 어느정도 정복했다면 scss도 사용해보기! 2. styled-components 📍 공식 doc : styled-components.com/docs/faqs -> 날잡고 styled-components 도장깨기 해봐야 겠다. - classname 안지어도 사용 가능! (const ~~는 필요하다.) - 직접 스타일을 컴포넌트 안에서 만드는 것이라 직관적! - `(빽틱) 안에다 넣어서 css와 동일하게 사용하고, div대신에 html 모든 태그를 사용..

리액트 》자바스크립트 라이브러리? 프레임워크? 프론트엔드의 꽃🌷이라고 한다. 하태하태 🔥 자바 vs 자바스크립트?실제로 자바가 유행할 당시 덕을 보기 위해 자바'스크립트'라고 붙였다고 한다. 즉, 아무 관계 없다. JSX : HTML in JS 프로젝트 만들기 ⚡명령어 & 설치 의미 1 nvm (Node Version Manager) 설치 nvm은 Node.js의 '버전' 관리자 2 nvm --version nvm 잘 설치 되있는가, 버전 확인 3 nvm intall 14.16.0 (버전명) LTS 버전은 안정된 버전, 버그가 적다. 4 nvm ls 노드 버전 리스트 확인 5 node -v 입력했을때 nvm ls와 같아야 한다 6 nvm use 14.16.0 "14.16.0 버전의 노드를 사용할 것이다"..