본문 바로가기

전체 글55

[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.
[github] github 와 프로젝트 연동하기 - 떽떽대는 개발공부 오늘부턴 react 로 공부하는 프로젝트를 github 에 연동하여 관리 해보려고 한다. 먼저, github 에 로그인 하여 Repositories 페이지로 이동한다. 초록색 New 버튼을 눌러 새로운 프로젝트를 생성한다. Repository name 에 프로젝트 명을 넣어준다. 이것은 연습용 프로젝트 이기 때문에 나는 Private 로 체크했다. 프로젝트명은 study1_reactBoard 로 지정 해주었다. 그리고 프로젝트를 관리할 branch 를 나누어 줄 것이다. 프로젝트 페이지에 들어가서 main 이라고 기본 설정된 branch 를 클릭하고 Find or create a branch 란에 지정할 branch 명을 입력하여 branch 를 생성해준다. 나는 study 라고 기재 할것이다. stud.. 2021. 2. 8.
[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.