coding59 리액트에 핫 리로딩 수동 설치해보기 create-react-app 하면 설치되는 핫 리로딩! 어떤식으로 설치되고 동작하는지 궁금해서 수동으로 설치해보면서 삽질해보는 시간을 가졌다 🤪 1. 핫 리로딩 관련 패키지 설치 $npm i webpack-dev-server webpack-cli @types/webpack-dev-server fork-ts-checker-webpack-plugin -D $npm i @pmmmwh/react-refresh-webpack-plugin react-refresh webpack-dev-server: CORS 문제를 해결해주는 녀석 fork-ts-checker-webpack-plugin: 타입스크립트 검사는 원래 블로킹 형태로 검사되는데 이 녀석으로 타입스크립트와 웹팩을 동시에 검사할 수 있다 (동시에 가능하니까 .. 2021. 10. 7. React + Typescript 프로젝트 수동 세팅 및 템플릿화 이번 포스팅은 React + Typescript 프로젝트를 직접 빌드업하면서 뜯어보고, Github에 템플릿화 시켜놓기. 1. package.json $npm init $npm i react react-dom $npm i typescript @types/react @types/react-dom package.json package-lock.json: 내가 의존하고 있는 패키지가 사용하는 혹은 또 의존하는 패키지의 정확한 버전링을 확인할 수 있음. 2. ESLint 코드 검사 도구. $npm i -D eslint $vi .eslintrc // .eslintrc { "extends": ["plugin:prettier/recommended", "react-app"] } 3. Prettier 코드 자동 정렬. .. 2021. 10. 6. MYSQL DB 생성하기 - mysql 계층구조: 데이터베이스 > 테이블 > 로우 - models (테이블 데이터) - db 만들기: npx sequelize db:create - db:seed:all npx sequelize db:seed:all 상위, 하위 개념을 만들어주는 것. ex) 워크스페이스 > 채널 - 오라클 계층구조: 데이터베이스 > 스키마 > 테이블 > 로우 mysql과 달리 데이터베이스와 스키마를 구별함 localhost:3095 2021. 10. 6. [React Native] Android Reference Build.Version https://developer.android.com/reference/android/os/Build.VERSION [Build.VERSION | Android Developers developer.android.com](https://developer.android.com/reference/android/os/Build.VERSION) // MainApplication.java if (Build.VERSION.SDK_INT >= 14){ [...] } 2021. 9. 29. 이전 1 ··· 6 7 8 9 10 11 12 ··· 15 다음
