리액트 정리

takeEvery (while(true){}) 여러번 클릭이 유효할 때. ex)버튼 누를 때마다 숫자 increment. takeLatest. 여러번 클릭이 실수일 때. 로그인 버튼을 마구 눌러서 로그인 요청이 서버로 열번 가는 경우.. 사가에서 이걸로 제어! 앞에 9번 요청은 무시하고 마지막 1번만 유효한걸로 친다. (이전 요청이 끝나지 않은게 있다면, 이전 요청을 취소한다. )

https://blog.nobletuna.com/2019/07/02/git1/ Git 원격 저장소 여러개 연결하기 Git 원격 저장소 여러개 연결하기원격저장소를 한개씩만 써봤는데 깃랩과 깃허브 두개를 연동할 일이 생겨서 구글링하고 정리했다. git remote add "저장소명" "url" 형태로 add 만 붙여주면 됬다 깃허브에서 로컬로 클론해온 후 깃랩과 연동하는 과정을 나열해보면 git clone https://github.c blog.nobletuna.com Git 원격 저장소 여러개 연결하기 원격저장소를 한개씩만 써봤는데 깃랩과 깃허브 두개를 연동할 일이 생겨서 구글링하고 정리했다. git remote add "저장소명" "url" 형태로 add 만 붙여주면 됐다 깃허브에서 로컬로 클론해온 후 ..

https://perfectacle.github.io/2017/06/18/what-is-node-js/#comments Node.js란...? 이 글을 쓰게 된 계기는 다음과 같다. Q: Node.js는 서버인가요?A: 네, 백엔드 개발자들이 Node.js를 씁니다. ‘백엔드 개발자도 쓸 뿐, 프론트 엔드 개발자도 쓸 수 있다’가 내가 내린 결론이고,오늘은 그에 대해 하나 하나 검증해보는 시간을 가져보고, 다른 사람들에게 잘못된 지식이 전파되는 걸 막고자 한다.혹시 내가 내린 결론이 잘못된 perfectacle.github.io Node.js는 백엔드, 웹 서버가 아니라 자바스크립트 실행 환경(Runtime)에 불과하다 https://velog.io/@jakeseo_me/Node-js%EC%97%90-%..

Preferences/ Directories에서 indexing exclude. (node modules, .next) next가 한번 렌더링할때마다 엄청나게 많은 캐시를 쌓더라 . 그래서 오래걸렸던것이었다 웹스톰은 죄가 업ㅅ어 내가 죄가있어..

강좌를 7강까지 보셨다면 1. 게시글 컨텐츠 눌렀을 때 게시글 상세 페이지로 이동(post page) 2. 게시글 수정 부분을 직접 구현해보세요. 만약 직접 구현하기 힘들다면 강좌를 복습하셔야 합니다. 힌트: 폼은 댓글, 수정 API는 닉네임 수정 라우터 참조

front$ npm i next@8 front$ npm i react react-dom next@8 webpack.config.js의 loader options에 esModule: false를 추가 npm i antd@3, npm i styled-components@4로 진행하시고 추후에 각각 4버전, 5버전으로 마이그레이션 ant design @3 cdn: https://cdnjs.com/libraries/antd/3.16.2 MySQL은 5.7 (5.7 버전을 설치하셔야 충돌이 안 납니다. 8버전을 설치하시려면 mysql_native_password(legacy authentication)을 설정하셔야 합니다.(https://github.com/ZeroCho/nodejs-book/issues/45))..

Todo앱 만들어보니까 엄청 직관적이다 , 왜 쓰는지 알겠어 .. 일단 initialState + reducer 장전해놓고 state랑 dispatch, nextId까지 각각 컨텍스트 쓴다고 createContext() 변수에 넣어주고 Provider에 state랑 dispatch할 액션들 nextId child에다 줄 value로 넣어주고 다른 컴포넌트에서 쉽게 써먹으려고 custom hook까지. 다시한번 봐야지 ..!

배열의 불변성을 유지하면서 배열을 업데이트 할 때에도 map 함수를 사용 할 수 있습니다. ex) id 값을 비교해서 id 가 다르다면 그대로 두고, 같다면 active 값을 반전시키도록 구현을 하시면 됩니다. https://react.vlpt.us/basic/15-array-modify.html 15. 배열에 항목 수정하기 · GitBook 배열 항목 수정하기 이번에는, 배열 항목을 수정하는 방법을 알아보겠습니다. User 컴포넌트에 계정명을 클릭했을때 색상이 초록새으로 바뀌고, 다시 누르면 검정색으로 바뀌도록 구현을 해봅시다. 우선, App 컴포넌트의 users 배열 안의 객체 안에 active 라는 속성을 추가해주세요. App.js import React, { useRef, useState } fr..