분류 전체보기 (62) 썸네일형 리스트형 카카오 로그인 구현 javascript 푸핫을 만들면서 로그인을 카카오 로그인으로 개발하려고 한다. 카카오 가이드 문서를 참고하면 쉽게 만들 수 있다. https://developers.kakao.com/docs/latest/ko/kakaologin/js 기본적으로 카카오 내 애플리케이션 > 카카오 로그인이 활성화 되어있어야하고 정보 받을 항목을 동의항목에서 설정해주어야 한다. 나는 이름, 프로필 사진, 이메일을 설정했다. 그리고 플랫폼 메뉴에 들어가서 Web에 도메인을 넣어주어야 한다. 개발할땐 http://localhost를 넣어주어야 하지만 배포후 보안상을 위해 제거하도록 하자. 설정 완료 후, sdk를 페이지에 포함시켜주어야 스크립트로 로그인 구현이 가능하다. Kakao.init으로 초기화를 해줘야하는데 이때 값으로 javascript.. Express multipart/form-data 파일 받기 express + react로 사이트 개발 중 이미지 업로드를 위해 Content type을 multipart/form-data으로 전송하면 서버에서 request body에 데이터가 undefined로 되는 이슈가 생겼다. node에서 multipart/form-data를 사용하기위해 Multer라는 미들웨어를 사용하기로 했다. https://github.com/expressjs/multer/blob/master/doc/README-ko.md 여기서 자세한 properties를 볼 수 있다. Multer 설치 >npm install multer --save 작성한 코드 var multer = require("multer"); const upload = multer({ dest: 'uploads/' }).. Python 구글 트렌드 인기 검색 10위 카톡 나에게 보내기 (2) 테스트 메세지를 보내본다. https://developers.kakao.com/docs/latest/ko/message/rest-api api 문서를보면 메세지 타입이 여러가지 있는데 텍스트만 있어도 충분해서 텍스트를 사용한다. 텍스트 템플릿에 맞게 template-object를 정의한다. https://developers.kakao.com/docs/latest/ko/message/message-template#text object_type, text, link가 필수값이고 버튼을 선택적으로 달수있다. 테스트 메세지를 보내보자 template_object = { "object_type":"text", "text" : "test", "link" : { "web_url" : "https://developer.. Python 구글 트렌드 인기 검색 10위 카톡 나에게 보내기 (1) 네이버 실검이 없어진 지금 세상사를 모른다. 파이썬으로 구글 트렌드 인기 10위 긁어와서 카톡으로 뿌릴 예정이다. 이때 삼성전자 급락했음 일단 파이썬 설치는 라이브러리가 많은 아나콘다를 깔았다. IDE는 같이 설치된 스파이더를 사용해본다. 먼저 카톡으로 나에게 메시지를 보내려면 카카오 Developers에서 내 앱을 만들어야한다 카카오 개발자 > 내 애플리케이션 > 애플리케이션 추가 만들었으면 앱에 들어가서 요약정보를 보면 앱키 값들이 나와있다. REST API를 사용할 예정이라 확인해둔다. 카카오 로그인탭에 들어가 활성화를 시켜주고 Redirect URL에 localhost와 개인 사이트가 있다면 추가해준다. 로그인후 리다이렉트될 url을 넣어야한다. 동의 항목은 모두 사용안함. 카카오 메시지 보내기만.. MongoDB 설치 - Window RDBMS에 익숙해진 나에게는 너무 낯선 nosql이다. www.mongodb.com/try/download/community MongoDB Community Download Download the Community version of MongoDB's non-relational database server from MongoDB's download center. www.mongodb.com msi파일 다운받는다. 혹시몰라서 인터페이스인 Compass도 설치하였다. 중간에 설치할건지 묻는 체크항목 있다. 몽고디비가 설치된 폴더로 이동해보면 (C:\Program Files\MongoDB\Server\4.4) readme파일과 bin폴더가 보인다. readme 파일을 메모장으로 열어서 대충 스윽 보면 mon.. React 2. react-router-dom 라우터 사용 create-react-app환경에서 저번에 만든 튕기는공과 material-ui의 Sign, Album 페이지를 라우팅 해보기로 한다. @material-ui/core, @material-ui/icons, react-router-dom을 npm으로 설치해준다. material-ui에서 제공하는 template에서 Album과 Sign을 가져온다 https://material-ui.com/getting-started/templates/ Album.js import React from 'react'; import AppBar from '@material-ui/core/AppBar'; import Button from '@material-ui/core/Button'; import CameraIcon from.. 이전 1 ··· 5 6 7 8 다음
