React Context API import React, { Fragment } from 'react'; const UserContext = React.createContext('unknown')class App extends React.Component { render() { return ( 상단 메뉴 하단 메뉴 ) }} function Profile() { return ( )} function Greeting() { return ( { username => {`${username}님 안녕하세요`}} )} export default App; Provider, Consumer import React, { Fragment } from 'react'; const ThemeContext = React.crea..
React JSX를 알아보자 -ㅅ- - 예제 : 할 일 목록 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364import React from 'react' class MyComponent extends React.Component { state = { desc: '', id: 0, todoList: [] } // 할 일 추가 todoAdd = () => { // id 증가 // 설명 입력 // 추가 let { desc, id, todoList } = this.state; id += 1 this.setState({ id }) todoList.p..
JavaScript 계산된 속성명 (Computed Property) function makeobj(key, value) { return { [key]: value } } console.log(makeobj("hello", "world")) // { hello: "world" } let i = 0; let obj = { ["val" + i++]: i, ["val" + i++]: i } console.log(obj) //{val0: 1, val1: 2} let param = "size" let config = { [param]: 12, ["moblie" + param.charAt(0).toUpperCase() + param.slice(1)]: 4 } console.log(config) // { "size"..
React 프로젝트 시작 (C:\react 디렉토리에서 실행했음) npm i create-react-app npx create-react-app hello-react cd hello-react npm start 리액트 라이브러리 (page 5) 1. 파일들을 C:\react\hello-world 에 저장https://unpkg.com/react@16.12.0/umd/react.development.jshttps://unpkg.com/react@16.12.0/umd/react.production.min.jshttps://unpkg.com/react-dom@16.12.0/umd/react-dom.development.jshttps://unpkg.com/react-dom@16.12.0/umd/react-dom..
- Total
- Today
- Yesterday
- 자료구조
- c언어
- 패스트캠퍼스
- Fast Campus
- 올인원 패키지
- 코딩 면접
- 개발자 취업
- 프로그래밍 온라인 강의
- 컴퓨터공학
- #패스트캠퍼스 #프로그래밍대학생서포터즈 #올인원패키지 #컴퓨터공학 #성공하는프로그래밍공부법
- 운영체제
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |