본문 바로가기

전체 글

 (72)
[Node] passport 이전에는 세션을 이용한 기본적인 로그인을 구현하였었다. 그래서 이번에는 express의 미들웨어인 passport를 이용하여 로그인 기능을 구현하고자 한다. 일단 passport를 이용하기 위해선 패키지 설치부터 해야한다. npm i passport passport-local express-session 여기서 express-session을 설치하는 이유는 passport가 내부적으로 세션을 이용하기 때문이다.바로 뒤에 설명할 passport 설정에서도 session 설정 뒤에 passport 설정이 와야하는 이유이기도 하다. 이번에 passport를 사용함에 있어서는 MySQL을 사용하도록 하겠다.CREATE TABLE user ( id INT AUTO_INCREMENT PRIMARY KEY, ..
[프로젝트] 여행 계획 플랫폼: Coursing 7월부터 지난 10월까지 지도 api를 다루는 웹 프로젝트를 하나 진행했었다.특별한 목적이 있었던 것은 아니지만, 마켓컬리 웹을 클론 코딩해보며 배운 것들을 응용해보고 또 새로운 것을 배우고자 계획한 프로젝트이다.이 곳에는 저번처럼 페이지마다 상세히 설명하지는 않고, 간단하게 설명하고 개발 과정에서 발생한 에러나 이슈, 혹은 추후에 다시 사용할 일이 있을 것 같은 부분만 정리해서 작성할 생각이다. 여행 계획 플랫폼: Coursinghttps://github.com/ChangwooJ/coursing GitHub - ChangwooJ/coursingContribute to ChangwooJ/coursing development by creating an account on GitHub.github.com 여..
[React] useEffect의 무한루프 에러 React에서 useEffect 훅은 정말 자주 이용되는 훅 중에 하나이다.그만큼 익숙한 훅이었는데 이번에 사용하다가 무한 반복되는 에러를 발견했다.대표적인 useEffect에서의 무한루프 발생하는 문제는 종속성의 설정이 잘못되었기 때문인데, 최초에 발견했을때 보이는 바로는 문제가 없어보였다. const mapContainerRef = useRef(null); const [positions, setPositions] = useState([]); const api_key = process.env.REACT_APP_API_KEY; const dispatch = useDispatch(); const allLists = useSelector((state) => state.lists.list..

티스토리툴바