본문 바로가기

전체 글

(7)
리액트 스터디 학습방향 1. 학습목표 리액트 학습을 통해 리액트의 동작 원리와 기술을 습득하고 최종적으로 학습한 내용을 바탕으로 프로젝트 진행하면서 실전감각을 익히고자 한다. 2. 리액트 학습 전 사전 학습 2.1. CodeSendbox를 통한 code 공유 https://codesandbox.io/ CodeSandbox: Online Code Editor and IDE for Rapid Web Development Optimized for frameworks Custom environments built specifically for React, Vue, Angular, and many more. codesandbox.io 2.2. ES6 문법의 이해 https://joshua1988.github.io/es6-online-b..
SPA(Single Page Application) 요즘 핫한 기술이다. 최근 프로젝트 절반 이상은 SPA를 사용하는 거 같다. 특히 모바일 쪽은 대부분 사용한다. 그러면 SPA 란 무엇이고 SPA 를 사용하는 기술은 어떤 것들이 있는지 살펴보고자 한다. 먼저 SPA 를 사용하는 프레임워크는 다음과 같다. Angular 구글의 앵귤러 팀과 개인 및 기업 공동체에 의해 주도되는 타입스크립트 기반 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크이다. Vue.js Vue.js는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립트 프레임워크이다. React 리액트는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다. 리액트는 싱글 페..
JWT(Json Web Token) 란 무엇인가? JWT는 공개 표준인 RFC 7519 로, Json Web Token의 약자로 전자 서명된 URL-safe (URL로 이용할 수 있는 문자만 구성된)의 JSON이다. Json Web Token 은 문자 그대로 Json 형식의 Web에서 사용하는 Token(토큰)이다. 토큰은 어린 시절 버스 탈 때 가운데 구멍 난 동전을 생각하면 된다. 사실 나도 잠깐 써봤던 기억이 있을 뿐 요즘은 보기가 힘들다. 위키백과에서는 다음과 같이 정의한다. 토큰은 화폐 대신 사용할 수 있는 동전처럼 생긴 주조물을 말한다. 이 토큰을 통해 버스를 탈 수 있는 권리를 얻는 것처럼 웹에서의 로그인을 통해 토큰을 발행해 줌으로써 애플리케이션에 접근할 수 있는 권리를 주는 것이다. JWT는 토큰을 소유한 클라이언트의 신원과 특성(클레임..