react 42

[React][CRUD] 게시판 만들기 All in One (2). npm install, view, router 생성

목차돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial-v2 [React][CRUD] create-board-tutorial-v2 * 인용시 출처 부탁드립니다. 완성 소스 code: github.com/cruellaDev/react-create-board-v2 cruellaDev/react-create-board-v2 updated version of react-create-board. Contribute to cruellaDev/react-create-.. binaryjourney.tistory.com 앱을 키기 전에 일단 모듈을 설치하겠다. npm i이나 yarn add 도 괜춘하다 모듈이 설치될 폴더위치는 ./reat-crea..

[React][CRUD] 게시판 만들기 All in One (1). react App 생성, 디렉토리 구조 설정, json-server 설치 및 실행

목차돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial-v2 [React][CRUD] create-board-tutorial-v2 * 인용시 출처 부탁드립니다. 완성 소스 code: github.com/cruellaDev/react-create-board-v2 cruellaDev/react-create-board-v2 updated version of react-create-board. Contribute to cruellaDev/react-create-.. binaryjourney.tistory.com 들어가기 전에 10월 말부터 연재(?)한 게시판 crud 시리즈(간단한 게시판 만들기)는 presentation component..

[React][Clone] Chess 게임 만들기 - 4. useDrag 궁금증 풀기

2021.02.10 - [React] - [React][Clone] Chess 게임 만들기 - 3. 체스말 움직이기 [React][Clone] Chess 게임 만들기 - 3. 체스말 움직이기 이전글 2021/02/10 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기, default 의 필요성 [React][Clone] Chess 게임 만들기 (single.. binaryjourney.tistory.com 참고한 영상 www.youtube.com/watch?v=kBR7pDLcC3A&t=2462s 이건 내가 혼자 참고보려고 긁어온 url react-dnd.github.io/re..

React 2021.04.02

[React][Clone] Chess 게임 만들기 - 3. 체스말 움직이기

이전글 2021/02/10 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기, default 의 필요성 [React][Clone] Chess 게임 만들기 (single-player) - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기 이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings 이전 글 2021/02/0..

React 2021.02.10

[React][Clone] Chess 게임 만들기 - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기, default 의 필요성

이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings 이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 1. setting [React][Clone] Chess 게임 만들기 (single-player) - 1. setting 오랜만의 포스팅...! 새 프로젝트 때문에 몇.. binaryjourney.tistory.com 참고한 영상 www.youtube.com/watch?v=kBR7pDL..

React 2021.02.10

[React][Clone] Chess 게임 만들기 - 2. (1) board settings

이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 1. setting [React][Clone] Chess 게임 만들기 (single-player) - 1. setting 오랜만의 포스팅...! 새 프로젝트 때문에 몇 달 동안 바빴다. 할당 된 일정 중 두 개가 취소돼서 지난주 이번주 그나마 시간이 났다. 남은 시간 동안 놀고 싶지는 않아서 괜찮아 보이는 소스를 따 binaryjourney.tistory.com Chess 게임 만들기 시리즈에서 참고하는 영상 www.youtube.com/watch?v=kBR7pDLcC3A 쉴새없이 이어지는 다음 포스팅..! npm Script 에서 start 오른쪽 재생버튼을 클릭한다. 영..

React 2021.02.09

[React][Clone] Chess 게임 만들기 - 1. setting

오랜만의 포스팅...! 새 프로젝트 때문에 몇 달 동안 바빴다. 할당 된 일정 중 두 개가 취소돼서 지난주 이번주 그나마 시간이 났다. 남은 시간 동안 놀고 싶지는 않아서 괜찮아 보이는 소스를 따라해보려고 한다. 아래 영상을 보고 1인용 체스게임을 만들 것이다. www.youtube.com/watch?v=kBR7pDLcC3A 체스게임 좋아하지만 그렇게 즐겨하지 않았던 터라 '리액트로 체스 게임을 만들어볼까?' 하는 생각은 아마 무의식에 이 어느 정도 자리했던 게 아닐 까 싶다. 가능하다면 WebSocket을 이용하여 multiplayer 버전으로 바꿔보고 싶은데 능력이 따라줄까 모르겠다. 들어가기 전에 내 블로그에는 개념 설명이 많지 않다. 나도 내가 정리하는 편이 아니고 개발 도중에 궁금한 거 찾아보는..

React 2021.02.09

[React][CRUD] 리액트로 간단한 게시판 페이지 만들기 - 19. Refactoring, useState 구문 useSelector 로 클린코딩하기

목차로 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial * 인용 시 출처 같이 기재부탁드립니다. code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-.. binaryjourney.tistory.com 렌더링 최적화를 위해 useState로 사용했던 const [TitleValue, setTitleValue] = useState("") ..

[React][CRUD] 리액트로 간단한 게시판 페이지 만들기 - 18. 오류, issue 고치기, validateDOMNesting(...): <td> cannot appear as a child of <a>

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial * 인용 시 출처 같이 기재부탁드립니다. code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-.. binaryjourney.tistory.com Hi Everybody 안녕 Hola! 오랜만의 포스팅이다. 지난주부터 개발 들어가고 2주를 바삐 보냈다. react는 공부할수록 새롭다...

[React][CRUD] 리액트로 간단한 게시판 페이지 만들기 - 17. (2) createSelector를 이용하여 게시판 목록에 댓글 개수 띄우기, redux-toolkit, reselect

이전글: 2020/11/04 - [React] - [React][CRUD] 간단한 게시판 페이지 만들기 - 17.(1) 게시판 목록에 댓글 개수 띄우기, redux-saga, axios [React][CRUD] 간단한 게시판 페이지 만들기 - 17.(1) 게시판 목록에 댓글 개수 띄우기, redux-saga, axios 목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Descrip.. binaryjourney.tistory.co..

반응형