JWT는 전자 서명(JSON 의 변조를 체크가능) 된 URL-safe (URL로 이용할 수 있는 문자만 구성된)의 JSON이다.JWT는 HMAC 알고리즘을 사용하여 비밀키 또는 RSA를 이용한 Public Key/ Private Key 쌍으로 서명할 수 있다.JWT는
HTTP는 stateless(무상태)프로토콜이므로, 모든 요청이 이전 요청과 독립적으로 다뤄진다.하나의 요청이 끝나면 서버는 이전요청에 대한 사용자가 누구인지 잊어버린다.즉, 사용자가 이미 로그인 된 상태여도 로그인이 필요한 서비스에 접근하려면, 요청 할 때 마다 서버
클라이언트 사이드에 데이터를 저장할 수 있도록 HTML5부터 지원하는 저장소.키(Key)와 값(Value)의 쌍 형태로 데이터를 저장한다.쿠키와 달리, 서버에 전송되지 않으므로 서버에 부담이 가지 않는다. (명시적으로만 전송 가능)쿠키와 달리, 필요한 경우에만 꺼내 쓰
🍪 쿠키 (cookie) 서버와 클라이언트가 지속적으로 데이터 교환을 하기 위해 만들어 졌다. 서버에 HTTP 요청을 보내면 요청으로는 누가 보낸 것인지 모르므로 쿠키에 정보를 담아서 보내면 쿠키를 통해 서버는 요청자를 파악한다. 4KB 용량 limit 한 사이트
개요 이전에 진행했던 vue 프로젝트에 다국어 처리가 필요해졌다. 다국어 처리는 웹 브라우저를 사용하는 국가에 따라 다양한 언어 등을 지원하게 만드는 것이다. 찾아보니 vue에서는 vue-i18n 라이브러리를 이용해 다국어 처리를 쉽게 가능하게 하는 것 같다. 기존에
Create React App(CRA)로 프로젝트로 구성하면 다른 컴포넌트, css 등 파일등을 import 할 때 ../../../......으로 표현해야 하는데, 코드를 짜거나 나중에 프로젝트를 이해할 때 힘들다.CRA로 만든 프로젝트는 webpack 설정이 숨겨져
HTTP? HTTP는 통신 프로토콜이다. 프로토콜은 데이터를 주고받기 위해 상호 간에 정의한 규칙을 의미한다. HTTP는 일반적으로 TCP/IP 통신 위에서 동작하며 기본 포트는 80번이다. stateless Protocol HTTP는 stateless(무상태) 프로
클라이언트-서버 관계에서 서버가 클라이언트의 상태를 보존함을 의미한다.클라이언트의 이전 요청이 서버에 잘 전달되었을 때, 클라이언트의 다음 요청이 이전 요청과 관계가 이어지는 것을 의미한다.상태에 대해 저장해야하기 때문에 백업 스토리지가 요구된다.상태 저장에 대한 요청
선언var는 한번 선언된 변수를 다시 선언할 수 있다.호이스팅var는 호이스팅이 된다. var는 선언하기 전에 변수를 사용해도 에러가 나지 않는다. 이유는 var는 아래와 같이 변수선언이 위로 끌어올려진다. 실제로 코드상에서는 끌어올려지지 않지만 자바스크립트
Laravel 로고Laravel은 PHP 언어로 작성된 PDP를 위한 풀스텍 웹 프레임워크이다.Laravel 공식 홈페이지라라벨 발렛은 macOS를 위한 개발 환경이다. 기존 라라벨 프로젝트를 로컬에서 실행하고 수정해야 해서 라라벨 발렛을 골랐다.Laravel Vale
프로젝트에서 특정 영역을 인쇄기능이 필요하여 라이브러리를 찾아봤다. html2pdf.js 라이브러리를 이용해 pdf저장 기능을 사용중이라 인쇄기능도 되는지 찾아봤다.다행히 지원이 됐다. 하지만 ie11은 지원이 안 된다! (ie11은 이제 그만\~~ 하고싶다..)
프로젝트에서 특정영역을 pdf로 저장이 필요해 라이브러리를 찾아봤다.html2pdf.js와 vue-html2pdf가 있었다.vue용 html2pdf.jsvue-html2pdf github 페이지vue-html2pdf은 html2pdf.js를 vue 컴포넌트 형식으로 제
Vuetify를 UI 프레임워크를 쓰며 sass를 같이 사용하기로 했다.Vuetify에서 sass를 이용해 특정 스타일을 지정하고 바꿀 수 있고, 프로젝트에서 css 대신 sass를 이용해 변수, mixin, placeholder 등을 통해 간편하게 스타일을 적용 할
Javascript에서 호이스팅은 코드가 실행되기 전 변수/함수선언이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 뜻한다.Javascript 엔진의 컴파일 과정에서 모든 스코프를 탐색하며 객체에 대한 여러 식별자를 수집한다. 그러므로 코드가 실행 되기 전에 함
Gmarket SansG마켓 브랜드 아이덴티티를 담은 서체 'Gmarket Sans'는 무료 폰트이며 아무 제약 없이 쉽게 사용할 수 있습니다.글씨체도 깔끔하고 강조하기 좋은 글씨체다.Gmarket Sans 홈페이지에 들어가서 다운로드 받을 수 있다. ttf와 otf타
vuetify 들어가며 프로젝트를 시작하며 UI 프레임워크를 사용할 지 sass로 작업하며 필요한 UI들을 따로 라이브러리를 설치해서 작업할지 고민했다. UI를 구성하는고 만드는 곳에 쓸 시간이 많지 않았고 UI 프레임워크를 써본 적이 없어 이번 프로젝트를 통해 배울
첫 프론트엔드 프레임워크 공부를 했을 때 vue를 먼저 시작했다. 처음 선택한 이유는 단순했다.구조가 보기 좋게 Template, script, style로 나눠져 있어서 친숙했고 공부했던 인터넷 강의가 맘에 들었고 강의에서 vue를 사용하고 있었다.(다른 프레임워크와