분류 전체보기
[Nodejs] 로그인 / 회원가입 [ Mysql 세팅 및 연동 / express-mysql-session ]
글이 잘 보이지 않는다면 우측 하단의 달 모양을 눌러 라이트모드로 변경해주시기 바랍니다. 해당 글은 MacOS 를 기준으로 작성이 되었음을 미리 알려드립니다. WindowOS 를 이용하시는 분은 추후 업로드될 게시글을 기다려주시거나 다른 작성자의 게시글을 확인해주시기 바랍니다. MySQL 설치하기 - Homebrew 설치 우선, Homebrew 를 설치해야 합니다. 위 링크에서 안내를 해 주는대로 homebrew 를 설치해주시기 바랍니다. MySQL 설치하기 - MySQL 설치 터미널을 열어줍니다. 터미널에 이와같이 brew update 를 입력하여 homebrew를 업데이트 해주시기 바랍니다. 이 때 시간이 조금 걸리게 되는데 기달려주시면 아래와같이 나타나게 됩니다. 이와같이 나타나게 된다면 업데이트가..
[ApiTestServer] 더미데이터 코드 업데이트 V1.0.1
스타 한번씩 부탁드립니다! GitHub - vpdls1511/apiTestServer: 프론트 개발 시 api 를 테스트할 수 있는 서버 코드 프론트 개발 시 api 를 테스트할 수 있는 서버 코드. Contribute to vpdls1511/apiTestServer development by creating an account on GitHub. github.com 카드형 게시글을 만들때 사용할 더미데이터 코드를 업로드 하였습니다. 위와같이 comment 도 함께 볼 수 있도록 작업을 해 두었습니다. timeStamp 의 경우 new Date().getTime() 함수를 이용하여 만든것으로 실 사용에 문제가 없는것을 확인하였습니다. 해당 타임스탬프를 년,월,일,시,분,초의 단위로 보이게 하고싶으시다면 ..
[ApiTestServer] 더미데이터를 얻는 간단한 방법
스타 한번씩 부탁드립니다! GitHub - vpdls1511/apiTestServer: 프론트 개발 시 api 를 테스트할 수 있는 서버 코드 프론트 개발 시 api 를 테스트할 수 있는 서버 코드. Contribute to vpdls1511/apiTestServer development by creating an account on GitHub. github.com 프론트 개발을 하는데 1. 더미데이터가 필요하다? 2. 서버와 통신 테스트가 필요하다? 3. 백엔드를 못한다 4. 다른 사람의 코드가 궁금하다 위와같은 고민이 있으신 분들을 위해 한 프로젝트를 진행하게 되었습니다. ApiTestServer 입니다! 위 깃허브 링크를 들어가시면 이처럼 README.md 에 해당 프로젝트를 실행하는 방법과 어떤..
알고리즘 스터디 - queue / 큐
지난시간 Stack 에대해 알아보았는데 Stack 은 LIFO 였으나, Queue는 FIFO 다. FIFO First in First Out 의 약자로, 들어온 순서대로 나간다고할 수 있다. 이 때 우리가 흔히 커피를 주문하거나 맛집에 대기를할 때 Queue 와 비슷한 원리라고할 수 있다. 이 부분을 유의하며 오늘 공부를 잘 해보자. Queue 우선, Queue의 기본 원리는 알았으니 이미지를 보며 어떤 기능을 구현해야 하는지 보자. 이 이미지를 보면 그나마 좀 편히 알 수 있을것 같다. 숫자는 들어온 순서를 의미하며, Enqueue 는 큐에 추가를 하는것이고, Dequeue 는 들어온 순서대로 빼주는 기능이다. rear는 배열의 시작부분, front 는 배열의 끝부분이다. 간단히 보면 rear ~ fr..
[ReactJS] 상태관리 라이브러리 Redux / store 와 connect()()
2021.05.25 - [내가 공부하는것/JavaScript] - [ReactJS] 상태관리 라이브러리 Redux / 설치와 적용법 [ReactJS] 상태관리 라이브러리 Redux / 설치와 적용법 React 를 다뤄보신 사람들은 Mobx 나 Redux 에 대한 이야기를 많이 들어보았을 것이다. 필자는 Mobx 보다 Redux를 더 많이 들어보았고, 이 때문에 레퍼런스가 더 많을것 이라는 생각에 Redux 를 다루기로 webaura.tistory.com 위 글에서 reducer 와 action, type 설정을 했었다. 이에 이어서 store 를 설정하고 실제 프로젝트에 적용시켜보며 chorme 에서 Redux 의 상태를 볼 수 있는 방법을 알아보자. store redux/store import { cr..
[ReactJS] 리액트 경고 : Assign object to a variable before exporting as module default
react 를 하다보면 잦은 오류가 발생한다. redux 를 할 때 자주 발생했었는데 여러개를 export할 때 문제가 되는 부분이었다. 큰 문제는 아니지만 이렇게 뜨니까 너무 거슬려서 어떻게 수정을 해야하나 고민을 하였다. Assign object to a variable before exporting as module default 무슨 문제인가 구글링을 해본 결과 export default { store, persistor }; 이렇게 export 를 하면 경고가 발생한다고 한다. 그래서 아래와같은 코드로 변경을 해주는게 좋다. const stores = { store, persistor } export default stores; 이런식으로 export 하고자 하는 내용들을 묶어서 export 해..
[ReactJS] 상태관리 라이브러리 Redux / 설치와 적용법
React 를 다뤄보신 사람들은 Mobx 나 Redux 에 대한 이야기를 많이 들어보았을 것이다. 필자는 Mobx 보다 Redux를 더 많이 들어보았고, 이 때문에 레퍼런스가 더 많을것 이라는 생각에 Redux 를 다루기로 하였다. 많은 내용을 공부한것이 아니지만, 유용하게 사용중인 기능들만 이야기를 해보려고 한다. 이번에 작성하는 대부분의 내용은 아래 사이트에서 참고한 내용들이다. 공식문서가 정말 유용하다! https://ko.redux.js.org/introduction/getting-started/ Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org Redux 소개하기 공식 사이트에서는 " Redux는 자바스크립트 앱을 위한 예측..
[Nodejs] 로그인/회원가입 구현하기 (세션유지편)
2021.05.20 - [내가 공부하는것/JavaScript] - [NodeJS] 로그인/회원가입 구현하기 ( 회원가입편 ) 2021.05.20 - [내가 공부하는것/JavaScript] - [NodeJS] 로그인/회원가입 구현하기 (로그인편) >> 내용이 잘 보이지 않는다면 우측 하단의 달 모양을 클릭해주시기 바랍니다. { if(req.session.loginData){ res.send({loggedIn : true, loginData: req.session.loginData}) }else{ res.send({loggedIn : false}) } }) 이런 형식으로 작성이 된곳으로 get 요청을 해주시면 된다. 여기서 보면 session에 저장된 loginData 값이 있으면 loginData에 세션데..