목록ReactJS스터디 (5)

IT와 일상다반사

홈페이지 제작을 위한 메뉴구성 샘플

메뉴 구성 www.youtube.com/watch?v=O9l75KOB2pE
ReactJS스터디 2021. 1. 21. 15:33
react token 관리

velog.io/@yaytomato/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%90%EC%84%9C-%EC%95%88%EC%A0%84%ED%95%98%EA%B2%8C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%B2%98%EB%A6%AC%ED%95%98%EA%B8%B0 🍪 프론트에서 안전하게 로그인 처리하기 (ft. React) localStorage냐 쿠키냐 그것이 문제로다 velog.io token 관련 공부 하기 위해서~~ www.youtube.com/watch?v=mbsmsi7l3r4 www.youtube.com/watch?v=2jqok-WgelI www.youtube.com/watch?v=7UQBMb8ZpuE www.youtube.com/watch?v=cjqfF5h..
ReactJS스터디 2021. 1. 19. 17:42
react 페이지 매기기(Pagination)

react 개발중에 page 설정 해야 할 부분이 있어서 참고함~~ ing-yeo.net/2020/10/react-beginner-3/ 리알못 React: 3. 페이지 매기기(Pagination) - ING-YEO Table of Content 이 글은 Code with Mosh의 Mastering React 과정을 공부하며 정리한 글입니다. 리알못이라 이상하거나 틀린 내용이 있을 것입니다… 사전 준비 Bootstrap 설치 npm i bootstrap@4.1.1 명령어로 React 프 ing-yeo.net
ReactJS스터디 2021. 1. 19. 00:48
가짜 api서버 만들기 (json-server)

만들고자 하는 형식을 data.json 으로 생성함. { "posts":[ { "id": 1, "title": "리덕스 미들웨어를 배워 봅시다.", "body": "리덕스 미들웨어를 직접 만들어보면 이해하기 쉽죠." }, { "id": 2, "title": "리덕스 미들웨어를 배워 봅시다2", "body": "리덕스 미들웨어를 직접 만들어보면 이해하기 쉽죠2" }, { "id": 3, "title": "리덕스 미들웨어를 배워 봅시다3", "body": "나중에 redux-saga를 사용해서 비동기 작업을 처리하는 방법도 배워 볼께요" } ] } pacjage.json 파일 안에 "proxy": "http://localhost:4000" 설정함. 서버 시작은 npx json-server ./data.jso..
ReactJS스터디 2021. 1. 10. 20:27
React-redux 사용 할까?

리덕스 : 가장 사용율이 높은 상대관리 라이브러리... 상태 관리를 가장 효율적으로 할수 있다. Context API + useReducer 와 redux와 개발 방식이 유사함. 글로벌 상태가 별로 없다면 context를 쓰는게 효율적... redux 사용 장점. 1. 미들웨어 기능 - 비동기 작업 체계적으로 작업. 2. 함수와 hooks 지원 가능 - connect - useSelector - useDispathch - useStore 3. 기본적인 최적화가 이미 되어 있다. 4. 하나의 커다란 상태 5. devToos - 유용한 개발자 도구가 존재.. 6. 이미 사용중인 프로젝트가 많다. * 리덕스는 언제 써야 할까? 1. 프로젝트의 규모가 클때. 2. 비동기 작업을 자주 하게 될때 3. 리덕스가 편..
ReactJS스터디 2021. 1. 2. 10:35
Prev 1 Next