분류 전체보기130 [React] 기초 정리 import와 require의 비교 - require는 node의 모듈 시스템 - module.exports에서 exports 되는 게 객체나 배열이면 구조 분해할 수 있음 - module.exports는 export default와 호환됨(깊게 들어가면 다르지만 react에서는 호환되는 정도로 이해하면 됨) - const React = require('react');는 import React from 'react';와 호환됨 - import React, { Component } from 'react';에서 { Component }는 export const Component와 같이 선언된 것을 가져올 때 사용 - import 관련 부분은 react에서 사용 - require 관련 부분은 node에서 사용.. 2020. 2. 22. [React] Webpack 자동 빌드 - 프론트엔드 변경점을 감지하여 자동으로 빌드하고 변경점을 바꿔줌 - webpack.config.js를 읽어서 빌드를 해주고 서버로 유지시켜줌 webpack-cli 4.x.x 일 때, npm i -D react-refresh @pmmmwh/react-refresh-webpack-plugin npm i -D webpack-dev-server package.json "scripts": { "dev": "webpack serve --env development" } webpack.config.js - module > rules > babel-loader > options > plugins > 'react-refresh/babel' 추가 const RefreshWebpackPlugin = require('@pm.. 2019. 11. 27. [React] 강좌 정리 및 초반 설정 Babel - 최신/실험적인 문법을 사용할 수 있게 해줌 - ES2015+ 문법을 사용한 코드를 예전 ES5 자바스크립트 코드로 바꿔주는 도구 JSX - JS + XML setState - 비동기 함수 - 예전 값으로 새로운 값을 만들 때는 setState의 인자로 함수를 사용하기 Hooks - 함수에서도 setState나 ref를 사용할 수 있도록 한 것이 Hooks - const [value, setValue] = React.useState(); - const ref = React.useRef(); Webpack - 여러 개의 js파일을 한번에 합쳐서 하나의 js파일로 만들어줌 Node - js 실행기 개발 설정 - 폴더를 하나 선택 - npm init : 완료되면 package.json이 생성됨 -.. 2019. 11. 2. Android Gradle Sync Error **Gradle Sync Error 발생시 다양한 해결 방법** ## Android Studio 3.3.2 * File > Re-Import Gradle Project > 사이다 > 속이 시원함 2019. 4. 16. React Native package.json **참고자료** ## 틸드(~)와 캐럿(^) * https://blog.outsider.ne.kr/1041 2019. 4. 16. 이전 1 ··· 9 10 11 12 13 14 15 ··· 26 다음
