본문 바로가기

React50

[React] react 에서 로그인 페이지 구현하기(3) - 떽떽대는 개발공부 2021/02/10 - [React] - [React] react 에서 로그인 페이지 구현하기(2) - 떽떽대는 개발공부 [React] react 에서 로그인 페이지 구현하기(2) - 떽떽대는 개발공부 2021/02/09 - [React] - [React] react 에서 로그인 페이지 구현하기 (1) - 떽떽대는 개발공부 [React] react 에서 로그인 페이지 구현하기 (1) - 떽떽대는 개발공부 오늘은 리액트를 이용하여 로그인 페이지를 ddeck.tistory.com 이전 글에서 input 란에 입력한 id 와 pw 를 MySQL 에 저장되어 있는 데이터와 비교하여 id 가 존재하는 지, 존재하다면 비밀번호는 일치하는 지 확인하여 결과값을 클라이언트로 전달받아 콘솔에 나타내는 것까지 해 보았다... 2021. 2. 11.
[React] react 에서 로그인 페이지 구현하기(2) - 떽떽대는 개발공부 2021/02/09 - [React] - [React] react 에서 로그인 페이지 구현하기 (1) - 떽떽대는 개발공부 [React] react 에서 로그인 페이지 구현하기 (1) - 떽떽대는 개발공부 오늘은 리액트를 이용하여 로그인 페이지를 구현 해보도록 하겠다. 먼저, 이전 글에서 공부했던 대로 webpack 을 이용하여 react app 을 생성 해주었다. React webpack 을 이용하여 개발 환경 구성하기 - d ddeck.tistory.com 이전 글에서 react 에서 로그인 페이지 구현하기1 을 포스팅 하였다. 이어서 구현 해보자. 먼저 MySQL 에서의 db 는 아래와 같다. 이제 Login.js 에서 onClickLogin 함수에서 axios 를 이용해 입력된 id 와 pw 를 .. 2021. 2. 10.
[React] react 에서 로그인 페이지 구현하기 (1) - 떽떽대는 개발공부 오늘은 리액트를 이용하여 로그인 페이지를 구현 해보도록 하겠다. 먼저, 이전 글에서 공부했던 대로 webpack 을 이용하여 react app 을 생성 해주었다. React webpack 을 이용하여 개발 환경 구성하기 - ddeck.tistory.com/16 [React] React webpack 을 이용하여 개발 환경 구성하기 - 떽떽대는 개발공부 2020/12/30 - [React] - [React] 프로젝트 생성하고 실행하기-떽떽대는 개발공부 [React] 프로젝트 생성하고 실행하기-떽떽대는 개발공부 리액트 프로젝트 생성 및 실행 방법 프로젝트 생성 프로젝트 생성 ddeck.tistory.com 파일 구조는 아래와 같다. 아래의 모듈 3개를 install 하였다. npm install axios .. 2021. 2. 9.
[React] MySQL, redux 를 이용하여 게시판 만들기 - 떽떽대는 개발공부 오늘은 지금까지 react 에서 공부했던 redux, mysql 를 이용하여 이전 게시물에서 구현할 것이다. 이전에 redux 를 이용하여 구현했던 예제 그대로 사용할 것이다. 2021/01/31 - [React] - [React] DB에서 특정 데이터 받아오기 - 떽떽대는 개발공부 [React] DB에서 특정 데이터 받아오기 - 떽떽대는 개발공부 2021/01/30 - [React] - [React] DB에서 받아온 데이터 리스트 만들기 - 떽떽대는 개발공부 [React] DB에서 받아온 데이터 리스트 만들기 - 떽떽대는 개발공부 2021/01/29 - [React] - [React/MySQL] react 에서 M.. ddeck.tistory.com 이전 글에서 MySQL 을 이용하여 글 목록 가져오는.. 2021. 2. 1.