본문 바로가기

TypeScript4

[React] redux 를 이용하여 popup 창 구현하기 - 떽떽대는 개발공부 2021.01.11 - [React] - [React] ReactDOM 을 사용하여 팝업창 띄우기 - 떽떽대는 개발공부 [React] ReactDOM 을 사용하여 팝업창 띄우기 - 떽떽대는 개발공부 오늘은 react-dom 을 사용하여 팝업창 생성을 해보도록 하자. react 프로젝트가 생성될 때 하나의 돔이 생성되고 그 위에 view 가 그려진다. 따라서 팝업창을 생성하기 위해선 이미 펼져쳐 있는 dom 위 ddeck.tistory.com redux 를 이용하여 react 에서 popup 창 구현하는 포스팅이다. (typescript 사용) redux 를 이용하기 때문에 action, reducer 를 구현해야 한다. src/modules/common/layer.ts import { Action, cr.. 2021. 4. 15.
[React] react 에서 다국어 처리 적용하기(4) - 떽떽대는 개발공부 2021.03.04 - [React] - [React] react 에서 다국어 처리 적용하기(3) - 떽떽대는 개발공부 [React] react 에서 다국어 처리 적용하기(3) - 떽떽대는 개발공부 2021/03/02 - [React] - [React] react 에서 다국어 처리 적용하기(2) - 떽떽대는 개발공부 [React] react 에서 다국어 처리 적용하기(2) - 떽떽대는 개발공부 2021/02/19 - [React] - [React] react 에서 다국어.. ddeck.tistory.com 위와 같이 react 에서 다국어 처리 적용하는 법을 포스팅 했었다. 오늘은 typescript 에서 다국어처리를 해보도록 하자. typescript 를 공부하며 많은 부분이 모듈화 되어 폴더 및 디렉.. 2021. 3. 31.
[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.