일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 관계형데이터베이스
- 플랙스박스기본
- numpy
- REACT
- 오산대맛집
- SQL 명령어
- 리액트
- spring 환경설정
- SQL
- 자바 스프링
- java설치
- 타입
- spring
- 객체지향프로그래밍
- Eclipse
- 스프링
- Hooks
- 람다식
- 자바스프링
- node.js
- HTML5
- ubuntu
- java spring
- Flex Box 기본
- 환경설정
- 노마드코더
- SQL 연산자
- Flexbox Froggy
- 이클립스
- SQL 문제
- Today
- Total
목록분류 전체보기 (114)
이것저것
로그아웃 기능 로그인할때처럼 조회해서 토큰을 지워주고 결과를 보내주면 될거같다. 1) 로그아웃 Route만들기 app.get('api/users/logout', auth, (req, res)=>{}) 2) 데이터베이스에서 로그아웃 유저를 찾기 auth가 토큰으로 유저정보를 찾아준다 (미들웨어로 auth만 넣어주면 된다) 3) 유저의 토큰 지워주기 그동안 해온게 있다보니 로그아웃은 따로 할게 없어서 금방 끝난다. //로그아웃 app.get('/api/users/logout', auth, (req, res)=>{ //유저를 찾아왔을테니 업데이트 해주어야 한다 User.findOneAndUpdate({_id : req.user._id}, {token : ""}, (err, user)=>{ if(err) ret..
설정 따로 react 프로젝트를 생성하지 않고, 새로운 폴더에 vscode로 npm init -y 로 package.json 파일생성했다. 그리고 index.js 파일을 생성하고 express와 mongoose를 다운로드받아서 설정해주었다. 현재 서버와 몽구스 모두 정상 연결되었는데 connect함수의 두번째 인수로 설정해준 것들은 기존에 mongoose.set으로 설정하던것을 한 메소드로 처리한 것이다. package.json에 scripts 부분에 start를 추가하고 "nodemon index.js"가 실행되도록 해두었다. (물론 노드몬설치함) 그리고 then과 catch로 성공 실패 분기를 나누어서 실행되도록 했다. (여기까지 3강) 현재 설치된 dependency : express / mongo..
Redux Toolkit이란?? 리덕스를 사용하기 위해서 길게 작성해야 했던 코드를 간략하게 작성할 수 있도록 redux에서 나온 도구모음이다 이 부분은 강사님이 정리시켰던 내용과 같다. 차이점만 짚고 넘어갈 예정 강사님은 redux-actions 라는 모듈을 설치해서 사용했었다. 하지만 노마드는 npm install @reduxjs/toolkit 을 사용했다. 공식 홈페이지에서 npm install @reduxjs/toolkit 를 사용하므로, 후자를 선택함. 툴킷이 변화시키는 것은 리듀서함수를 스토어에 등록하는 부분이라는 것을 기억해두자. connect에 익명으로 넣거나 하는 방법, 또는 실제 사용과는 별개의 부분이다. 1) createAction : action 함수 대체 이제 더이상 id나 tex..
useState item만 사용하고 싶다면 useState[0]을 사용하고 SetItem을 사용하고 싶다면 useState[1]을 사용하면 된다. 무슨말인지 잘 모르겠다면 https://jyk-record.tistory.com/217 의 패턴 1번을 참고할 것 const item = useState(1)[0] // item사용 (변수 사용) const item = useState(1)[1] // setItem (function 사용) 아래와 같이 숫자 +1 -1 만들었음 function App() { const [ item, setItem ] = useState(1); let handlePlus = () => { setItem(item+1) } let handleMinus = () => { setItem..