post-thumbnail

사용자 인증 - 토큰 (JWT)

JWT는 전자 서명(JSON 의 변조를 체크가능) 된 URL-safe (URL로 이용할 수 있는 문자만 구성된)의 JSON이다.JWT는 HMAC 알고리즘을 사용하여 비밀키 또는 RSA를 이용한 Public Key/ Private Key 쌍으로 서명할 수 있다.JWT는

2022년 6월 29일
·
0개의 댓글
post-thumbnail

사용자 인증 - 세션 (Session)

HTTP는 stateless(무상태)프로토콜이므로, 모든 요청이 이전 요청과 독립적으로 다뤄진다.하나의 요청이 끝나면 서버는 이전요청에 대한 사용자가 누구인지 잊어버린다.즉, 사용자가 이미 로그인 된 상태여도 로그인이 필요한 서비스에 접근하려면, 요청 할 때 마다 서버

2022년 6월 28일
·
0개의 댓글

웹 저장소 - 2. 웹 스토리지 (로컬 스토리지, 세션 스토리지)

클라이언트 사이드에 데이터를 저장할 수 있도록 HTML5부터 지원하는 저장소.키(Key)와 값(Value)의 쌍 형태로 데이터를 저장한다.쿠키와 달리, 서버에 전송되지 않으므로 서버에 부담이 가지 않는다. (명시적으로만 전송 가능)쿠키와 달리, 필요한 경우에만 꺼내 쓰

2022년 6월 27일
·
0개의 댓글

웹 저장소 - 1. 쿠키

🍪 쿠키 (cookie) 서버와 클라이언트가 지속적으로 데이터 교환을 하기 위해 만들어 졌다. 서버에 HTTP 요청을 보내면 요청으로는 누가 보낸 것인지 모르므로 쿠키에 정보를 담아서 보내면 쿠키를 통해 서버는 요청자를 파악한다. 4KB 용량 limit 한 사이트

2022년 6월 27일
·
0개의 댓글

[vue] 다국어 처리 (vue-i18n)

개요 이전에 진행했던 vue 프로젝트에 다국어 처리가 필요해졌다. 다국어 처리는 웹 브라우저를 사용하는 국가에 따라 다양한 언어 등을 지원하게 만드는 것이다. 찾아보니 vue에서는 vue-i18n 라이브러리를 이용해 다국어 처리를 쉽게 가능하게 하는 것 같다. 기존에

2022년 5월 21일
·
0개의 댓글

Create React App(CRA)으로 만든 리액트 프로젝트 절대경로 import 설정 (vscode)

Create React App(CRA)로 프로젝트로 구성하면 다른 컴포넌트, css 등 파일등을 import 할 때 ../../../......으로 표현해야 하는데, 코드를 짜거나 나중에 프로젝트를 이해할 때 힘들다.CRA로 만든 프로젝트는 webpack 설정이 숨겨져

2022년 5월 15일
·
0개의 댓글

HTTP와 HTTPS

HTTP? HTTP는 통신 프로토콜이다. 프로토콜은 데이터를 주고받기 위해 상호 간에 정의한 규칙을 의미한다. HTTP는 일반적으로 TCP/IP 통신 위에서 동작하며 기본 포트는 80번이다. stateless Protocol HTTP는 stateless(무상태) 프로

2022년 4월 19일
·
0개의 댓글

stateful과 stateless 차이

클라이언트-서버 관계에서 서버가 클라이언트의 상태를 보존함을 의미한다.클라이언트의 이전 요청이 서버에 잘 전달되었을 때, 클라이언트의 다음 요청이 이전 요청과 관계가 이어지는 것을 의미한다.상태에 대해 저장해야하기 때문에 백업 스토리지가 요구된다.상태 저장에 대한 요청

2022년 4월 19일
·
0개의 댓글

[javascript] 호이스팅 var, let, const

선언var는 한번 선언된 변수를 다시 선언할 수 있다.호이스팅var는 호이스팅이 된다. var는 선언하기 전에 변수를 사용해도 에러가 나지 않는다. 이유는 var는 아래와 같이 변수선언이 위로 끌어올려진다. 실제로 코드상에서는 끌어올려지지 않지만 자바스크립트

2022년 4월 13일
·
0개의 댓글
post-thumbnail

라라벨 및 발렛 (Laravel & valet) 설치

Laravel 로고Laravel은 PHP 언어로 작성된 PDP를 위한 풀스텍 웹 프레임워크이다.Laravel 공식 홈페이지라라벨 발렛은 macOS를 위한 개발 환경이다. 기존 라라벨 프로젝트를 로컬에서 실행하고 수정해야 해서 라라벨 발렛을 골랐다.Laravel Vale

2022년 4월 4일
·
0개의 댓글

[vue project] html2pdf.js 인쇄 기능 추가

프로젝트에서 특정 영역을 인쇄기능이 필요하여 라이브러리를 찾아봤다. html2pdf.js 라이브러리를 이용해 pdf저장 기능을 사용중이라 인쇄기능도 되는지 찾아봤다.다행히 지원이 됐다. 하지만 ie11은 지원이 안 된다! (ie11은 이제 그만\~~ 하고싶다..)

2022년 4월 2일
·
0개의 댓글

[vue 프로젝트] html2pdf.js 적용

프로젝트에서 특정영역을 pdf로 저장이 필요해 라이브러리를 찾아봤다.html2pdf.js와 vue-html2pdf가 있었다.vue용 html2pdf.jsvue-html2pdf github 페이지vue-html2pdf은 html2pdf.js를 vue 컴포넌트 형식으로 제

2022년 4월 2일
·
1개의 댓글
post-thumbnail

[vue 프로젝트] vuetify sass 설정

Vuetify를 UI 프레임워크를 쓰며 sass를 같이 사용하기로 했다.Vuetify에서 sass를 이용해 특정 스타일을 지정하고 바꿀 수 있고, 프로젝트에서 css 대신 sass를 이용해 변수, mixin, placeholder 등을 통해 간편하게 스타일을 적용 할

2022년 3월 8일
·
0개의 댓글

[Javascript] 호이스팅 (Hoisting)

Javascript에서 호이스팅은 코드가 실행되기 전 변수/함수선언이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 뜻한다.Javascript 엔진의 컴파일 과정에서 모든 스코프를 탐색하며 객체에 대한 여러 식별자를 수집한다. 그러므로 코드가 실행 되기 전에 함

2022년 3월 8일
·
0개의 댓글
post-thumbnail

sass css Gmarket Sans 폰트 적용

Gmarket SansG마켓 브랜드 아이덴티티를 담은 서체 'Gmarket Sans'는 무료 폰트이며 아무 제약 없이 쉽게 사용할 수 있습니다.글씨체도 깔끔하고 강조하기 좋은 글씨체다.Gmarket Sans 홈페이지에 들어가서 다운로드 받을 수 있다. ttf와 otf타

2022년 3월 3일
·
0개의 댓글
post-thumbnail

[vue 프로젝트] Vuetify? why?

vuetify 들어가며 프로젝트를 시작하며 UI 프레임워크를 사용할 지 sass로 작업하며 필요한 UI들을 따로 라이브러리를 설치해서 작업할지 고민했다. UI를 구성하는고 만드는 곳에 쓸 시간이 많지 않았고 UI 프레임워크를 써본 적이 없어 이번 프로젝트를 통해 배울

2022년 3월 2일
·
0개의 댓글

[vue 프로젝트] vue? why?

첫 프론트엔드 프레임워크 공부를 했을 때 vue를 먼저 시작했다. 처음 선택한 이유는 단순했다.구조가 보기 좋게 Template, script, style로 나눠져 있어서 친숙했고 공부했던 인터넷 강의가 맘에 들었고 강의에서 vue를 사용하고 있었다.(다른 프레임워크와

2022년 3월 1일
·
0개의 댓글