전체 글 (64) 썸네일형 리스트형 [React] Kakao map api 1 이번 프로젝트에서 가장 중요했던 것 중에 하나가 지도 객체를 사용하는 것이었다. 내 일정이나 장소 등을 보여주기 위해선 아무래도 지도 위에 표기해주는 것이 직관적이고 편리하다고 생각해서였다. kakao, naver, google map등이 있었는데 아무래도 일단은 국내 데이터를 다룰 것이고, 처음 이용해보는 것이기에 kakao map api를 선택했다. Kakao map apihttps://apis.map.kakao.com/web/guide/ 웹에서의 설정 작업은 설명이 많이 되어있으니 스킵하겠다. public/index.html 파일에APP KEY값을 수정해서 삽입해준다. (header, body 두 곳 어디에 넣어도 괜찮다.) api 연동은 되었으니 이제 내 코드에서 가져다 쓰면된다. 기본적인 지도 .. [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 여.. 이전 1 2 3 4 5 6 7 8 ··· 22 다음
