Omuk

passport-kakao 패스포트에서는 간단하게 카카오 로그인 API를 통해 소셜 로그인을 구현할 수 있습니다. 먼저 카카오 디벨로퍼 사이트에서 앱을 등록시켜야 합니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 디벨로퍼 사이트에서 카카오 계정으로 로그인한 후에 상단 바에 있는 내 어플리케이션을 클릭합니다. 그 이후 애플리케이션 추가하기를 클릭합니다. 저는 미리 만들어뒀습니다. 앱 이름과 사업자명을 원하는 대로 적고 애플리케이션을 만듭니다. 해당 애플리케이션을 클릭하여 좌측 네비..

컨트롤러 각 라우트의 경로와 메서드에 따라서 서버가 실행할 서비스가 다릅니다. 그래서 라우트에 따라서 분류해준 후에 다시 그 라우트에서 사용할 함수들을 정리해줍니다. 이때, 지정된 메서드와 경로에서 실행되는 역할을 해주는 것이 컨트롤러입니다. 유저 인증 라우터에서 컨트롤러 파일을 별로도 두어 연결해보겠습니다. 기존에는 각 메서드와 경로에 따라서 매번 함수를 적어주면서 코드의 가독성이 조금 떨어지는 문제가 있었습니다. 이때 콜백 함수를 따로 저장하기 위해서 루트 디렉터리 하위에 controllers 폴더를 생성하고 user.controller.js 파일을 만들어줍니다. 그 이후, 각 콜백함수를 컨트롤러 파일로 잘라내기 합니다. 잘라낸 후에 기존의 문제점을 보완하면서 함수를 정리했습니다. import Use..

연결 수정 각 path마다 다른 모델의 쿼리를 실행하고자 모델을 새롭게 정의하겠습니다. 그렇기 때문에 기존 pool 말고 모델 생성하는 것을 목표로 코드를 수정했습니다. Sequelize config.json 파일을 작성하여 설정할 것을 저장해주었습니다. 위치는 루트 디렉터리 하위에 config 폴더를 만들어 저장했습니다. . │📄 기타 환경 파일들 ├── .env ├── package.json ├── package-lock.json ├── node_modules │ │💻메인 파일들 ├── app.js ├── config │ └── config.json ├── lib │ └── handler.js ├── models │ └── index.js ├── public │ ├── images │ │└── log..

레이아웃 HTML 구조 작성 레이아웃을 조금 더 확실하게 작성하고자 HTML을 수정하겠습니다. 검색 로그인/회원가입 {{{body}}} CSS 작성 css 를 작성하겠습니다. css 작성이 제일 싫어요... @font-face { font-family: "Pretendard-Regular"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } *, :after, :before { padding: 0; margin: 0; box-sizing: border-box; } header, ma..