Lecture/slack 클론 코딩 (12) 썸네일형 리스트형 2021-06-23 :: 웹펙 데브 서버 세팅하기 만약 변경 사항이 있으면 webpack을 다시 돌려줘야한다. npm run build해야함 수정 하나 수정할 때마다 리로딩 하려면 속터짐 그래서 hot reloading을 사용한다. CRA에서는 원래 설정을 해준다. 서버 관련된 설정이다. npm i webpack-dev-server -D 옵션 -D는 개발용이다. 위 패키지는 proxy server설정에도 이용된다. cors를 해결할 때 쓴다. npm i -D @types/webpack-dev-server npm i @pmmmwh/react-refresh-webpack-plugin npm i raect-refresh 이거 설치하는거 그냥 다 CRA에서 하는거 수동으로 하는거다. 다 외울 필요 없고 필요하면 공식문서 뒤져보자 npm i fork-ts-che.. 2021-06-23 :: babel과 webpack 설정하기 ts => babel => js Webpack webpack 공통 패키지 npm i -D webpack @babel/core babel-loader @babel/preset-env @babel/preset-react ts용 패키지 npm i -D @types/webpack @types/node @babel/preset-typescript css관련 패키지 npm i style-loader css-loader 설치시에 오타나면 재빠르게 ctrl+C를 눌러 중단하도록 하자 webpack.config.ts ts에서 변수명 뒤에 : 변수의 타입을 더욱 엄격하게 한다. js로 사용하고 싶다면 :뒤의 변수형태 내용을 삭제하도록 한다. webpack설정을 통해 .env 사용 가능하게 하기 원래 노드 런타임, 백앤드에.. 2021-06-23 :: 프론트앤드 세팅하기 프론트앤드 세팅하는데 시간이 제법 소요가 된다. setting 폴더에 기본적인 세팅이 다 되어있다. lecture 폴더에 세팅을 적용하도록 하자. strict 모드, 타입을 더욱 엄격하게 확인한다. javascript 생태계가 점점 더 typescript로 옮겨가고 있다. 맥이 편한 이유는 bash terminal을 사용하기 때문이다. bash를 사용하면 오류가 발생할 확률이 높다. react에서 프로젝트를 시작할 때 항상 npm init으로 시작을 해야한다. => package.json 생성 package.json 파일에서 name을 제외하고는 크게 중요하지 않다. name은 npm의 package이름과 중복되지 않도록 유의하도록 하자. npm 패키지 설치는 명령어 npm i {packageName}으.. MySQL macOS 설치하기 https://thebook.io/080229/ch07-01/ Node.js 교과서 개정 2판: 7장 MySQL - 1 thebook.io 지금까지는 모든 데이터를 변수에 저장했다. 변수에 저장했다는 것은 컴퓨터 메모리에 저장했다는 뜻이고 서버가 종료되면 메모리가 반환되면서 데이터 역시 소멸된다. 이를 방지하기 위해 데이터베이스를 사용한다. 이 장에서 공부할 MySQL은 SQL언어를 사용하는 관계형 데이터베이스 관리 시스템이다. 데이터베이스란? 데이터베이스는 관련성을 가지며 중복이 없는 데이터들의 집합이다. 이러한 데이터베이스를 관리하는 시스템을 DBMS이라고 한다. 보통 서버의 HD, SSD에 데이터를 저장하며, 저장 매체가 고장나거나 사용자가 직접 지우지 않은 이상은 데이터가 보존되므로 서버가 종료되.. 이전 1 2 다음