React50 [React] html 파일에서 css 파일 연결하기 - 떽떽대는 개발공부 react 에서 css 파일을 추가하는 것은 아래의 글에서 다룬 적이 있다. 2021.01.15 - [React] - [React] 절대경로를 사용하여 css 적용하기 - 떽떽대는 개발공부 [React] 절대경로를 사용하여 css 적용하기 - 떽떽대는 개발공부 2021/01/14 - [React] - [React] React webpack 을 이용하여 개발 환경 구성하기 - 떽떽대는 개발공부 [React] React webpack 을 이용하여 개발 환경 구성하기 - 떽떽대는 개발공부 2020/12/30 - [React] - [React.. ddeck.tistory.com 이번 글에서는 index.html 파일에서 css 를 적용하도록 하겠다. 간단하게 html 에서 css 를 연결해준 방식과 동일하다. .. 2021. 3. 24. [React / typescript] typescript 예제 - 떽떽대는 개발공부 2021.03.15 - [React] - [React] typescript 시작하기 - 떽떽대는 개발공부 [React] typescript 시작하기 - 떽떽대는 개발공부 지금까지 포스팅은 javascript 로 react 프로젝트를 구성하는 것이었다. 오늘은 typescrypt 를 이용하여 react 프로젝트를 시작하는 법을 포스팅 해보겠다. 먼저 디렉토리를 하나 생성한다. mkdir study_typesc ddeck.tistory.com 이전 글에서 typescript 로 react 프로젝트를 만들어 보았다. 이번 글에선 typescript 를 이용하여 예제를 한번 만들어 보았다. 아래의 블로그에서 예제를 참조하였다. bkjeon1614.tistory.com/422 먼저 App.tsx 컴포넌트를 아래와.. 2021. 3. 17. [React] typescript 시작하기 - 떽떽대는 개발공부 지금까지 포스팅은 javascript 로 react 프로젝트를 구성하는 것이었다. 오늘은 typescrypt 를 이용하여 react 프로젝트를 시작하는 법을 포스팅 해보겠다. 먼저 디렉토리를 하나 생성한다. mkdir study_typescript cd study_typescript npm init -y npm install --save-dev webpack webpack-dev-server webpack-cli@3 npm install --save-dev babel-loader @babel/core @babel/preset-env @babel/preset-react babel-preset-es2015 @babel/preset-typescript npm install --save react react-d.. 2021. 3. 15. [React] redux-saga 이용하기 - 떽떽대는 개발공부 오늘은 redux-saga 를 포스팅 해보도록 하겠다. 먼저, 폴더 구조, 사용한 dependencies 와 webpack 설정은 아래와 같다. configs/webpack.config.js const path = require("path"); const HtmlWebPackPlugin = require("html-webpack-plugin"); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const webpack = require('webpack'); const PROJECT_ROOT = path.resolve(__dirname, '../'); const APP_ENTRY = path.join(PROJECT_ROOT, 'src');.. 2021. 3. 12. 이전 1 2 3 4 5 ··· 13 다음
