본문 바로가기

전체 글55

[React] ReactDOM 을 사용하여 팝업창 띄우기 - 떽떽대는 개발공부 2021.04.15 - [React] - [React] redux 를 이용하여 popup 창 구현하기 - 떽떽대는 개발공부 [React] redux 를 이용하여 popup 창 구현하기 - 떽떽대는 개발공부 2021.01.11 - [React] - [React] ReactDOM 을 사용하여 팝업창 띄우기 - 떽떽대는 개발공부 [React] ReactDOM 을 사용하여 팝업창 띄우기 - 떽떽대는 개발공부 오늘은 react-dom 을 사용하여 팝업창 생성을 해보도.. ddeck.tistory.com 오늘은 react-dom 을 사용하여 팝업창 생성을 해보도록 하자. react 프로젝트가 생성될 때 하나의 돔이 생성되고 그 위에 view 가 그려진다. 따라서 팝업창을 생성하기 위해선 이미 펼져쳐 있는 dom 위.. 2021. 1. 11.
[React] a태그 onClick 이벤트 render 에러 해결 - 떽떽대는 개발공부 2021/01/02 - [React] - [React] a태그 사용해서 페이지 이동 및 함수 호출하기-떽떽대는 개발공부 [React] a태그 사용해서 페이지 이동 및 함수 호출하기-떽떽대는 개발공부 2021/01/01 - [React] - [React] Component 에서 State 사용하기 [React] Component 에서 State 사용하기 2020/12/31 - [React] - [React] Component 에서 props 사용하기 [React] Component 에서 props 사용하기.. ddeck.tistory.com 상기의 이전 글에서 a 태그를 사용하여 페이지 이동 및 함수 호출에 대하여 공부했다. 그런데 상기와 같이 진행할 때 아래와 같이 오류가 발생된다. 페이지 render .. 2021. 1. 7.
[React] react-toasts 의 style 변경하기 - 떽떽대는 개발공부 2021/01/05 - [React] - [React] react-toasts 를 사용하여 toast popup 띄우기-떽떽대는 개발공부 [React] react-toasts 를 사용하여 toast popup 띄우기-떽떽대는 개발공부 사용법 먼저 react-toasts 모듈을 install 해준다. npm install -s react-toasts 인스톨이 완료되면 아래와 같이 import 해준 후 코드를 작성한다. import React, {Component} from 'react'; import {ToastsContai.. ddeck.tistory.com 이전 글에서 react-toasts 모듈을 사용하여 toast 팝업 창을 구현했다. 하지만, 해당 toast 창은 css가 제한되어 있어 고객이 원.. 2021. 1. 6.
[React] react-toasts 를 사용하여 toast popup 띄우기-떽떽대는 개발공부 사용법 먼저 react-toasts 모듈을 install 해준다. npm install -s react-toasts 인스톨이 완료되면 아래와 같이 import 해준 후 코드를 작성한다. import React, {Component} from 'react'; import {ToastsContainer, ToastsStore, ToastsContainerPosition} from 'react-toasts'; class Main extends Component { onClickToastPopup(){ ToastsStore.success("This is ToastPopup"); } render(){ return( Toast Popup Toast ); } } export default Main; Toast 버튼을.. 2021. 1. 5.