본문 바로가기

React18

[React] 생활코딩 - React (Update&Delete: 20.1강 Update 구현 - 수업을 마치며 ) 생활코딩 [React (Update&Delete: 20.1강 Update 구현 - 수업을 마치며 )] 공부 내용 정리 App.js 코드 getContent(){ var _title, _desc, _article = null; if(this.state.mode === 'welcome'){ _title = this.state.welcome.title; _desc = this.state.welcome.desc; _article = }else if(this.state.mode === 'read'){ var _content = this.getReadContent(); _article = } else if(this.state.mode === 'create'){ _article = } else if(this.stat.. 2020. 6. 18.
[React] 생활코딩 - React (create 구현: 19.1강 소개 - 19.8강 immutable) 생활코딩 [React (create 구현: 19.1강 소개 - 19.8강 immutable)] 공부 내용 정리 [19.6강 create 구현: state의 contents 변경] import React, { Component } from 'react'; import TOC from "./components/TOC"; import ReadContent from "./components/ReadContent"; import CreateContent from "./components/CreateContent"; import Subject from "./components/Subject"; import Control from "./components/Control"; import './App.css'; clas.. 2020. 6. 17.
[React] 생활코딩 - React (1강 수업소개 - 18강 베이스캠프) 생활코딩 [React 1강 수업소개 - 18강 베이스캠프] 공부 내용 정리 component - 사용자 정의 태그 - 한 번 정의해 놓으면 여러 곳에서 재 사용할 수 있다 - 실시간으로 변경된 내용을 업데이트하여 유지/보수가 쉽다 npm / npx npm - node.js로 만들어진 프로그램들을 쉽게 설치할 수 있게 도와주는 일종의 node.js app store - 프로그램을 설치하는 프로그램 npx - 프로그램을 임시로 설치해서 딱 한 번만 실행시키고 지우는 것 - 컴퓨터의 공간을 낭비하지 않는다 - 실행할 때마다 새로 설치하기 때문에 항상 최신상태이다 props - 속성. JS문법의 attribute와 비슷 export - 외부에서 사용할 수 있게 허용 - (TOC.js라는 곳에서 TOC를 사용할 .. 2020. 6. 16.