Learning_React

nvm은 Node.js의 버전 관리자이고 nvm을 통해 node를 설치하면 여러 버전을 한번에 관리하고 쉽게 꺼내서 쓸 수 있다. npm, npx 그래도 사용해도 좋지만 yarn을 사용해보자.CRA(Create React App)는 웹사이트를 만들 때 필요한 것을 몽

JSX 문법을 사용해서 React 요소를 만들고 DOM에 렌더링 시켜서 그린다.HTML을 품은 JS === JSX!JSX에서 쓰는 \~~는 DOM 요소가 아니고 React 요소이다.태그는 꼭 닫아주기무조건 1개의 엘리먼트를 반환하기return할 수 있는 element가

DOM은 html 단위 하나하나를 객체로 생각하는 모델로 트리구조이다. 가상돔은 메모리 상에서 돌아가는 가짜 DOM이다.기존 DOM과 어떤 행동 후 새로 그린 DOM(가상 돔에 올라갔다고 표현합니다)을 비교해서 정말 바뀐 부분만 갈아끼워준다.DOM을 새로 그리는 상황:

클래스형과 함수형이 있는데 클래스형은 잘 쓰지 않는다. 컴포넌트 예)위의 html 조각내보기:1\. 2\. 1\. 2\. 3\. 즉, 이 웹 사이트는, 크게 , , 세 개의 컴포넌트가 있고, 컴포넌트는, , 컴포넌트로 이루어져 있는 것이다. 이렇게 조

React 기초 create react app을 사용하기 위해 nodejs를 설치한다. 그러면npm이라는 툴을 이용가능하다. 이걸로 라이브러리들을 관리하는 것. npm start해서 시작 app.js에 있는걸 index.html에 다 받아넣어주는 명령을 내리는

컴포넌트에서 JSX를 조건부로 보여주고 싶을때 이렇게 쓴다.여기서 else를 생략할 수 있는데 아래와 같이 자바스크립트 function 내에서 return을 쓰면 return 밑에 있는 코드는 실행되지 않기 때문!ternary operator : 조건문 ? 조건문 참일

2주차 가상돔 html단위 하나하나를 객체로 생각하는 모델 >> 트리구조 DOM 트리 중 하나가 수정될 때마다 모든 DOM을 뒤지고, 수정할 걸 찾고, 싹 수정을 한다면? → 필요없는 연산이 너무 많이 일어난다! → 그래서 등장한 게 가상돔! >> 메모리 상에서 돌

1주차 Javascript Re-start! (1) - 기본 변수와 상수 변수 생성 3단계 선언: 실행 컨텍스트에 변수 객체를 등록 (스코프가 참조하는 대상이 되도록) 초기화: 변수 객체에 등록된 변수를 위해 메모리에 공간을 확보 (여기서 변수는 보통 undefin

font awesome 아이콘을 쓰는게 뭔가 standard같이 되어버렸지만 사실 나는 google icon을 많이 쓴다. 뭐 여튼 font awesome을 쓰는 방법은 여러가지인데, 리엑트 프로젝트에서 쓰는 방법도 사이트에 잘 나와있다. 그리고 패키지 매니저를 설치하