[React] 리액트 완전정복

리액트는 인기 있는 프론트앤드 라이브러리이다. 프론트앤드 라이브러리란 무엇일까? 프론트앤드 라이브러리란? 일단 웹사이트를 만들 땐 프론트앤드라이브러리 없이도 만들 수 있고 정적페이지를 만드는거라면 js없이도 html,css만으로도 만들 수 있다. 여기에 js를 더해

기본 코드로 시작! 1. import React, { Component } from 'react' React: 리액트를 사용하기 위해서 명시해주는 것 { component } from 'react': 설치되어있는 react 모듈을 불러들여와서 사용하겠다는 의미. 2. class App extends Component class 컴포넌트를 만드는 가장 ...

조현영 님의 Let's get IT 자바스크립트 프로그래밍 책과 강의를 보며 처음 안 부분, 중요하다고 생각 된 개념들만 모아놓은 글입니다.학교, 42서울 내에서 C를 위주로 프로젝트를 해내다보니 새로운 언어를 익혀야 할 기회가 그리 많지 않았다.머신러닝 강의를 듣기

태그는 꼭 닫혀있어야한다. 간혹 HTML에서 태그를 안닫아도 되는 태그들이 있어서 햇갈릴 수 있다. input같은 태그를 쓸 때에도 ` 혹은 `이렇게 태그를 꼭 닫아주기 두개 이상의 element는 꼭 하나의 element로 감싸줘야한다. 모든 태그를 두개 이상 나열

props와 state는 react에서 데이터를 다룰 때 사용된다.

컴포넌트가 브라우저 상에 나타날 때, 업데이트 될 때, 사라질 때 이 중간 과정에서 어떤 작업을 수행하고자 할 때 LifeCycle API를 사용한다.mounting이란 컴포넌트가 브라우저 상에 나타나는 것이다.mounting 함수들constructor: 생성자 함수,

이재승님의 '실전리액트 프로그래밍 리액트 훅부터 Next.JS까지'(출판사: 프로그래밍인사이트)의 3장을 읽고 정리한 내용입니다.리액트는 UI 데이터를 관리하는 방법을 제공하는 UI 라이브러리이다. UI 데이터란 컴포넌트 내부에서 관리되는 상태값과(state) 부모 컴

이재승님의 '실전리액트 프로그래밍 리액트 훅부터 Next.JS까지'(출판사: 프로그래밍인사이트)의 4장을 읽고 정리한 내용입니다.본격적으로 리액트를 활용하여 웹을 개발하기 전에 컴포넌트를 효율적이고 올바르게 작성하고싶었다. 오늘은 컴포넌트 작성법을 공부해본 뒤 메인페이