React.js 카카오 로그인, 사용자 프로필 가져오기
개요 이번 포스트에서는 React에서 카카오의 REST API와 Javascript SDK를 이용해 카카오 로그인을 구현해보겠습니다. 동작 순서는 다음과 같습니다. 카카오 로그인 링크 클릭 -> 인가 코드 발급 -> Access Token 발급 ->…
개요 이번 포스트에서는 React에서 카카오의 REST API와 Javascript SDK를 이용해 카카오 로그인을 구현해보겠습니다. 동작 순서는 다음과 같습니다. 카카오 로그인 링크 클릭 -> 인가 코드 발급 -> Access Token 발급 ->…
webpack 개념에 대해 잘 정리된 글이 있어서 참고하여 예제를 수행해보겠다. 참고 : 웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [1] 웹팩(Webpack)이란? 프로젝트의 구조를 분석하고 자바스크립트 모듈을 비롯한…
작업 디렉토리 생성 $ mkdir example 프론트엔드와 백엔드 작업을 하게 될 작업디렉토리를 생성한다. Frontend 작업디렉토리 생성 및 front 서버 실행 $ npm install -g yarn $ npm install -g @vue/cli…
Vue.js 개념 정리를 위한 글들 vue.js 공식 가이드왜 43%의 프론트엔드 개발자들은 Vue.js를 배우고 싶어하나?Vue.js 입문서 - 프론트엔드 개발자를 위한Vue 인스턴스템플릿문법1[Vue.JS 2.0] 소개 및 시작하기[To-Do 앱]Vue.js 와 Node.js를 이용해 웹 앱…
vue-cli 설치 vue-cli는 vue.js 프로젝트를 생성하고 관리할 수 있는 패키지다. 해당 패키지를 설치한다. $ npm install vue-cli -g vue.js 프로젝트 생성 vue 명령어를 이용해 간단한 프로젝트를 생성하여 테스트해보자. vue 명령어의…
크롬 확장 프로그램을 설치 할 수 있는 링크 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=ko 확장 프로그램을 설치하면 위와 같이 크롬 툴바에 vue devtools 아이콘이 생성된 것을 볼 수 있다. vue.js로 된 사이트에 접속하여 F12 키를…
React Native Tutorial 따라하기 – Getting StartedReact Native Tutorial 따라하기 – PropsReact Native Tutorial 따라하기 – stateReact Native Tutorial 따라하기 – StyleReact Native Tutorial 따라하기 – Height and WidthReact Native…
XML 데이터를 웹에서 요청하여 해당 데이터를 FlatList로 표현하는 예제를 수행해보자. 본 글은 다음 링크에 있는 포스트를 참고했다. 프로젝트 생성 react-native 명령을 이용해 프로젝트를 생성하고 필요한 패키지를 설치한다. $ react-native init…
참고 https://beomi.github.io/gb-crawling/posts/2017-02-27-HowToMakeWebCrawler-With-Selenium.htmlhttps://lovelydiary.tistory.com/17https://m.blog.naver.com/PostView.nhn?blogId=dudwo567890&logNo=220915966191&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F