챌린지 24일 차. 아직 어려운 듯 안 어려운 듯 친한 듯 안 친한 리액트.... 원래 오늘은 리액트 강의를 쭉 빼고 프로젝트를 만드는 강의를 진행해보려 했는데 낮잠을 자버려서 계획을 수행하지 못했다. 그래서 못한 만큼... 새벽 공부를 쭉 해보려 하는데 집중이 잘 될지 모르겠다. 요즘 전자기기를 보면 눈이 시려서... 눈물이 막 난다... 과연 이 눈물은 눈이 시려서 나는 걸까... 내 코딩 실력 때문에 나는 걸까..?
리액트가 하는 일
리액트가 하는 일은 무엇일지 리액트의 핵심 모듈 2개로 리액트에 대해 알아보자.
1. 리액트 컴포넌트를 HTML에 연결하기
import ReactDOM from 'react-dom';
react-dom으로 부터 React를 import해온다.
ReactDOM 은 리액트 컴포넌트를 HTML Element로 연결하는 일을 한다.
2. 리액트 컴포넌트 만들기
import React from 'react';
react로부터 React를 import해온다.
React 는 리액트 컴포넌트를 만들 때 사용한다.
기존 프론트엔드와 리액트의 차이점?
기존 프론트엔드는 컴포넌트를 활용하여 작업한다. HTML로 문서구조를 만들고, CSS로 스타일을 입히고 JS로 DOM을 조작하는데 이런 방법은 컴포넌트를 먼저 정의한 뒤, 실제 DOM에 컴포넌트를 그려주는 방식이다. 그렇지만 리액트는 Virtual DOM(가상돔)을 활용하여 더 효율적으로 작업이 가능하다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
