융융이'Blog

https://www.tiny.cloud/docs/integrations/react/ TinyMCE | React integration React TinyMCE component. www.tiny.cloud https://www.tiny.cloud/my-account/onboarding/ 불러오는 중입니다...

message = await api.post('/auth/check', {} ,{headers: {'token': `${token}`}}) 세번째 인자 값으로 헤더값을 추가하면 된다.

toggleEdit = (e) => { console.log(e.currentTarget.getAttribute('youtuber_id')); this.setState({ edit: !this.state.edit, }); } 이처럼 getAttribute('') 메소드를 통하여 불러오면 됩니다~

import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Card, CardBody, Progress } from 'reactstrap'; import classNames from 'classnames'; import { mapToCssModules } from 'reactstrap/lib/utils'; const propTypes = { header: PropTypes.oneOfType([ PropTypes.number, PropTypes.string ]), icon: PropTypes.string, color: PropTypes.string, value: PropTypes.string, children:..

... state ={ id: '', name: '', category: '', error: '', checkID: false } ... handleChange = (e) =>{ const { value, name } = e.target; this.setState( {[name]: value}); } ...

순서는 매우 간단하다. 1. react app을 만든다. $ npm install -g create-react-app $ create-react-app myapp $ cd myapp $ npm start //프로젝트 배포형 $ npm run build 2. firebase cli를 설치한다. $npm install -g firebase-tool 3. firebase 설정 및 배포를 해준다.(미리 firebase Console에 들어가 프로젝트를 만들고 cli에서 해당 프로젝트에서 배포를 하면된다.) $firebase login $firebase init $firebase deploy 참고 : https://www.freecodecamp.org/news/react-and-firebase-are-all-yo..

REACT 프로젝트를 진행 할 때 각 구성을잘 짜임새 있게 정리하는것이 중요하다. 핵심 구성 요소는 Components : View에서 필요한 요소들의 파일을 관리하는 폴더이다. Containers: Controller의 성격을 띄는 파일을 관리하는 폴더이다.(각각의 Components에 비동기적 처리) Lib : 특별한 기능(DB연동, Auth처리...)의 파일을 관리하는 폴더이다. Page : Containers와 Component을 불러와서 라우팅된 페이지를 구성하는 폴더이다. Store : redux와 관련된 파일을 관리하는 폴더이다. Styles : 스타일을 담당하는 파일로 자주 쓰이는 스타일들을 관리하는 폴더이다. Components App.js Components 하위에 App.js를 파일을..

webpack에서 프로젝트를 번들링 할 때 파일 하나가 아니라 파일 여러개로 분리시켜서 결과물을 만들 수 있습니다. 하지만 프로젝트 단위가 커지면 불러오는 module의 크기도 커진다. 그렇기 때문에 불러오는 module도 필요에 따라 분할 하고 필요한 module만 불러온다면 속도가 향상될 것입니다. 이를 위해서 코드스플리팅을 통하여 캐쉬에 저장된 모듈은 제외하거나 필요한 모듈만 불러올 수 있도록 설정해주면 좋습니다. 라이브러리 분리하기 >> 비동기 렌더링하기 >> 빌드후 확인하기 현재 프로젝트를 git 푸시를 완료한 후 yarn eject 명령어를 치면 ![image-20200128152117885](/Users/huiyung/Library/Application Support/typora-user-i..