[Javascript] ES6 기초 문법 정리 (1)
·
개발/Frontend
오늘은 ES6 문법을 정리해보려고 합니다.ES6(ECMAScript 2015)는 Javascript 표준의 6번째 버전입니다. 주요 차이점은 아래의 10가지입니다. 1. let과 const2. 템플릿 리터럴 (Template Literals)3. 화살표 함수 (Arrow Function)4. 구조분해 할당 (Destructuring Assignment)5. 기본 매개변수 (Default Parameters)6. 스프레드 연산자 (...)와 나머지 파라미터7. 클래스 (Class)8. 모듈 (Modules)9. 프로미스 (Promises)10. Symbol 타입 ES6는 말 그대로 '표준'입니다.현대적인 코드를 사용하면 코드가 간결해지고 생산성이 향상될 수 있습니다.최근 프론트엔드에서는 ES6+를 요구하고..
[React] 리액트로 카카오 소셜 로그인 완전 정복하기
·
개발/React
개요 React + Firebase 조합으로 개발을 진행하고 있습니다.아래 그림처럼 Firebase에서는 한국에서 많이 사용하는 네이버나 카카오 로그인을 제공하고 있지 않습니다.. 그래서 저는 카카오와 네이버 로그인을 따로 구현하여 넣고자 합니다.카카오 Developers 공식 문서만으로는 구현하기가 어려워서, 정말 많은 블로그들을 찾아봤습니다. ㅎㅎ 제 경험을 바탕으로 정말 쉽게 카카오 로그인을 구현하실 수 있도록 도와드리겠습니다.프론트에서 카카오 로그인을 구현하는건 정말 쉬우니까 잘 따라오실 수 있을거에요. 카카오 소셜 로그인 과정1. 로그인 버튼을 누른다. 2. KakaoAuthUrl에서 로그인 처리되어 RedirectUri로 넘어간다.3. RedirectUri 뒤에 인가코드가 함께 오면, 프론트에..
개발민
'react' 태그의 글 목록