IT/Nuxt & vue
IT 및 일상을 공유합니다.
[Nuxt] 카카오 로그인 OAuth 신청 및 설정 - ①
Nuxt + express로 카카오로그인 자료가 많이 없어 개발하면서 내용 정리한다. ※ 추후에 다시 설명하지만 현재 설명하는 방식은 Nuxt에서 전부 처리하고 서버로 필요한 정보를 보내는 방식이다. 1. 인가코드를 받기 2. Nuxt에서 인가코드로 엑세스토큰 받기 3. 엑세스 토큰으로 유저정보 조회하기 4. 조회된 유저정보에서 필요한 정보 (ex 닉네임,이메일,id... 등) 서버로 보내어 저장하기 카카오 로그인 OAuth 신청 카카오 개발자 계정과 애플리케이션 등록이 필요하다. https://developers.kakao.com 에 접속하여 계정과 애플리케이션을 생성해보자. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구..
Vue.js 시작하기
Vue.js가 무엇?? 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다. 짧게 말해서, 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크이다. vue 라는 프레임워크를 선택한 이유는 여타 다른 프론트엔드 프레임워크보다 배우기 쉽다는 장점때문이다. (차근차근 쉬운것부터 쭉 나아가자) 일단 공식 홈페이지를 보면 http://https://v3.ko.vuejs.org/ Vue.js v3.ko.vuejs.org Vue CLI 란 Vue CLI는 Vue 프로젝트를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 도와주는 도구입니다. CLI는 Command Line Interface의 약자로 터미널에 명령어를 입력하여 컴퓨터와 상호 작용하는 방식을 의미합니다. 설치방법을통해 설치법을 진행하면된다. # ..