Link3 [React] DB에서 받아온 데이터 리스트 만들기 - 떽떽대는 개발공부 2021/01/29 - [React] - [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 react 에서 db 연결을 하기 위해 mysql 을 다운 받았다. npm i mysql 그리고 server 디렉토리에 config 디렉토리를 추가하고 db.js를 생성해준다. server/config/db.js const mysql = require('mysql'); const db.. ddeck.tistory.com 이전 글에서는 react 에서 MySQL 에서 데이터를 받아와서 콘솔에 나타내는 것까지 구현 해보았다. 오늘은 이 데이터를 리액트 render 에 뿌리기 위해 배열로 선언하고 그것을 게.. 2021. 1. 30. [React] react-router-dom, redux 를 이용한 페이지 이동 - 떽떽대는 개발공부 오늘은 그동안 공부했던 것을 바탕으로 react-router-dom 과 redux 를 이용한 페이지 구현하는 부분을 포스팅 해보겠다. 원레는 게시판을 만들어보려고 했는데 오늘은 이 부분 구현하는 데 시간을 많이 소요했다.ㅎ.ㅎ 위와 같이 Write 버튼 클릭 시 글 작성 페이지로 이동되며, footer 부분의 버튼 중 Write 버튼이 사라지게 되는 부분이다. 먼저 디렉토리는 아래와 같다. 먼저, redux 를 사용하기 위해 index.js 에서 store 를 생성하고, Provider 로 App.js 를 감싸준다. src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-.. 2021. 1. 24. [React] react, redux 를 사용하여 게시판 만들기 - 떽떽대는 개발공부 본격적인 리액트 공부를 하기 위해 구글링을 하다 아래의 블로그에서 게시판 만드는 것을 따라 해 보았다. mjn5027.tistory.com/35 [ React ] 리액트 Redux 로 게시판 만들어보기 이번 포스팅에선 리덕스를 이용해 게시판의 기본적인 Create, Read, Update, Delete 구현을 다룬다. 공부하며 간단히 만들어본거라 설명이 미약한 점 참고해주시길. 먼저 프로젝트를 만들고 리덕 mjn5027.tistory.com 이해가 될듯 말듯 알쏭달쏭한 상태에서 router 를 이용하여 페이지 이동할 수 있는 기능을 추가 구현해 볼까 한다. redux 관련 부분은 상기의 페이지에서 확인하면 될 것이다. 이번 글에서는 router 사용을 중점으로 했다. 내가 공부했던 Router 글.. 2021. 1. 19. 이전 1 다음
