본문 바로가기
반응형

coding35

[Next]카카오톡 API 로그인 구현하기 안녕하세요 오늘은 next.js에서 카카오톡 api를 이용해서 저에 웹사이트에 적용하는 시간을 가져보겠습니다. 요즘은 카카오톡, 구글, 네이버 그리고 깃 헙 등등으로 로그인을 가능하게 해 주는데요. 이번에는 카카오톡에 대해 다뤄보겠습니다. 카카오 developer Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 1. 접속하기 2. 카카오톡 시작하기 -> 어플리케이션 추가하기 클릭 -> 앱 이름, 사업자명 입력하기 3. Javascript키 복사하기 Next js에서는 Javascript키를 가지고 로그인 기능을 구현할 거라서 Javascript키.. 2022. 4. 17.
[Next]Slide-Images 커스텀 컴포넌트- (React, typescript) 오늘은 리액트 기반 next 프레임워크를 이용해서 slide-images 컴포넌트를 만들어 보겠습니다. 매번 라이브러리 찾고 사용법 찾느라 지쳐서 만들게 되었습니다. ㅎㅎ Main code import { useState } from 'react'; import Image from 'next/image'; import style from '../styles/slideImage.module.scss'; import { fakeSlideImage } from '../fakeData'; import right from '../public/images/right.png'; import left from '../public/images/left.png'; export default function SlideIma.. 2022. 4. 7.
[Nginx]SSL 인증 - Let's Encrypt(http to https) 예전에 프로젝트 하면서 https인증까지 공부하면서 인증서 발급까지 받았는데 3개월이 지나서 재갱신 할겸 SSL 인증받은 걸 정리해 보겠습니다. Aws Ec2 ubuntu에서 nginx을 통해서 인증서를 적용시키려 합니다. 인증서를 발급 받기 전에 먼저 도메인을 구매하셔야 발급 받을 수 있으니 ip밖에 없다면 먼저 도메인을 연결하고 인증하시면 됩니다. SSL 인증서 발급 받기 1. letsencrypt 설치 $ sudo apt-get update $ sudo apt-get install letsencrypt -y 2. Nginx 중지 인증서를 발급/재발급 받기 위해서는 nginx: 80포트에서 돌아가고 있는 것을 중지 시켜주셔야합니다. $ sudo systemctl stop nginx 3. 인증서 발급받.. 2022. 3. 24.
[프로그래머스]코딩테스트 완전탐색 - 모의고사(Javascript) 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution 함수를 작.. 2022. 3. 24.
반응형