vanilla JS로 라우팅
우리는 웹을 사용하면서 수없이 많은 사이트를 돌아다닌다. 그리고 그 각각의 사이트 또한 무수한 페이지들로 이뤄져 있다. 현대 프로그래밍 기술의 발전으로 일일이 페이지를 만들지 않아도, 동적으로 페이지를 만들 수 있게 되었고,
Tag
- javascript 4
- web 3
- blog 2
- RestClient 2
- flex 2
- cookie 2
- session 2
- function 2
- javscript 1
- Error 1
- websocket 1
- 30-seconds-of-code 1
- snippet 1
- util 1
- react 1
- nodejs 1
- python 1
- git 1
- vscode 1
- extension 1
- live-preview 1
- live-server 1
- order 1
- css 1
- grid 1
- grid line 1
- vscode_extension 1
- vanilla 1
- cmd 1
- terminal 1
- gitbash 1
- JWT 1
- FastApi 1
- RestApi 1
- local storage 1
- basic 1
- typescript 1
- general 1
- type 1
- browser 1
javascript
How to Local Storage
요즘 인증 인가와 같은 개념들을 공부중인데, 우연히 네이버가 ui 정보를 로컬스토리지에 저장하고 있는 것 같아서 본김에 관련 정보를 기록해두려고 한다. 다음은 본인의 브라우저에 네이버가 남겨둔 로컬 스토리지 이다.
web
vanilla JS로 라우팅
우리는 웹을 사용하면서 수없이 많은 사이트를 돌아다닌다. 그리고 그 각각의 사이트 또한 무수한 페이지들로 이뤄져 있다. 현대 프로그래밍 기술의 발전으로 일일이 페이지를 만들지 않아도, 동적으로 페이지를 만들 수 있게 되었고,
session
session은 서버에 처음 요청이 왔을 때, 사용자의 로그인 상태 및 관련 데이터를 저장해두고 재방문시 방문했을 때 같은 사용자임을 알아보는 도구이다. 쿠키만으로는 우리사이트에 접속한 유저가 로그인했던 유저인지 알 수가 없다. 우리 사이트에 재방문했다는 정보이외에는 확실한...
cookie!!
쿠키는 서버가 클라이언트를 식별하기 위해 나눠주는 데이터 쪼가리라고 생각하면 된다. 웹사이트에 접속하면 우리의 브라우저에 쿠키가 n개 생긴다. 브라우저 마다 다를수 있지만 크롬기준 f12(개발자도구) -> Application으로 가보면 내가 어떤 쿠키를 지금 보...
blog
블로그 완성
수제 블로그
My first Posting!
오늘 처음 블로그 만들었습니다
RestClient
vscode RestClient 초간단 사용방법
vscode에서 api를 개발 시 간편하게 호출하기 위한 extension이다. 사용법을 간단하게 소개한다. 외부 프로그램 없이 작업하면서 창전환 없이 바로바로 결과물을 확인 할 수 있어 편리하다. 호출 파일을 함께 저장할 수 있어 협업 시 바로 호출해 결과를 확인할...
vscode RestClient 사용방법
RestClient ?
flex
grid는 또 뭐죠?
Grid
flex가 뭔가요?
Flex
session
session
session은 서버에 처음 요청이 왔을 때, 사용자의 로그인 상태 및 관련 데이터를 저장해두고 재방문시 방문했을 때 같은 사용자임을 알아보는 도구이다. 쿠키만으로는 우리사이트에 접속한 유저가 로그인했던 유저인지 알 수가 없다. 우리 사이트에 재방문했다는 정보이외에는 확실한...
cookie!!
쿠키는 서버가 클라이언트를 식별하기 위해 나눠주는 데이터 쪼가리라고 생각하면 된다. 웹사이트에 접속하면 우리의 브라우저에 쿠키가 n개 생긴다. 브라우저 마다 다를수 있지만 크롬기준 f12(개발자도구) -> Application으로 가보면 내가 어떤 쿠키를 지금 보...
function
Confusing Typescript
typescript의 함수 type과 관련해 초보자라면(=나) 헷갈릴 만한 부분을 좀 정리해보려고 한다. 우선 기본적인 부분을 정리 해보자면, javascript에서 함수는 네가지 방법으로 정의 할 수 있다. 다만, 생성자로 정의하는 건 생소한 부분이고 비실용적인것 같아 ...
javscript
My first Posting!
오늘 처음 블로그 만들었습니다
Error
vscode RestClient 사용방법
RestClient ?
websocket
웹소켓 간략한 설명 및 vanilla js로 구현
웹소켓이란?
30-seconds-of-code
맨 위로 이동 ↑snippet
맨 위로 이동 ↑util
맨 위로 이동 ↑react
맨 위로 이동 ↑nodejs
맨 위로 이동 ↑python
맨 위로 이동 ↑git
맨 위로 이동 ↑vscode
맨 위로 이동 ↑extension
맨 위로 이동 ↑live-preview
맨 위로 이동 ↑live-server
맨 위로 이동 ↑order
flex가 뭔가요?
Flex
css
grid는 또 뭐죠?
Grid
grid
grid는 또 뭐죠?
Grid
grid line
grid는 또 뭐죠?
Grid
vscode_extension
vscode RestClient 초간단 사용방법
vscode에서 api를 개발 시 간편하게 호출하기 위한 extension이다. 사용법을 간단하게 소개한다. 외부 프로그램 없이 작업하면서 창전환 없이 바로바로 결과물을 확인 할 수 있어 편리하다. 호출 파일을 함께 저장할 수 있어 협업 시 바로 호출해 결과를 확인할...
vanilla
Pseudo React? 실제로 되려나?
협업할 때 리액트와 같은 라이브러리를 활용할 수 없다면 분명 효율성이 많이 떨어질 것 같다는 생각을 하고, 방법을 생각해보다가 어느 정도 가능성이 보여서 블로그로 남겨둔다. 물론 학습용도 이외의 프로젝트에서는 쓸 이유가 없는 방법 ^^;
cmd
Windows Terminal 꾸미기
본인이 쓰는 terminal 화면이다. 내가 실제로 보는 느낌이 제대로 반영되지 않고 있지만, 개인적으로 이쁘다는 생각이 들고 원하는 문구도 넣을 수 있다는 점에 꽤나 만족스럽게 사용중이다. 뿌연 느낌 때문에 오래보면 눈이 아플거 같긴한 데, 본인의 경우 terminal...
terminal
Windows Terminal 꾸미기
본인이 쓰는 terminal 화면이다. 내가 실제로 보는 느낌이 제대로 반영되지 않고 있지만, 개인적으로 이쁘다는 생각이 들고 원하는 문구도 넣을 수 있다는 점에 꽤나 만족스럽게 사용중이다. 뿌연 느낌 때문에 오래보면 눈이 아플거 같긴한 데, 본인의 경우 terminal...
gitbash
Windows Terminal 꾸미기
본인이 쓰는 terminal 화면이다. 내가 실제로 보는 느낌이 제대로 반영되지 않고 있지만, 개인적으로 이쁘다는 생각이 들고 원하는 문구도 넣을 수 있다는 점에 꽤나 만족스럽게 사용중이다. 뿌연 느낌 때문에 오래보면 눈이 아플거 같긴한 데, 본인의 경우 terminal...
JWT
JWT 작동방식 이해해보기
JWT가 작동하는 방식을 이해해보는 시간을 가져보자. JWT는 쉽게 생각하자면 고객에게 찍어주는 쿠폰도장인데 좀 복잡하게 만들어져 있어서 나만 알아볼수 있는 도장이다. 비유적으로는 그렇고 간단한 서버를 만들어서
FastApi
JWT 작동방식 이해해보기
JWT가 작동하는 방식을 이해해보는 시간을 가져보자. JWT는 쉽게 생각하자면 고객에게 찍어주는 쿠폰도장인데 좀 복잡하게 만들어져 있어서 나만 알아볼수 있는 도장이다. 비유적으로는 그렇고 간단한 서버를 만들어서
RestApi
JWT 작동방식 이해해보기
JWT가 작동하는 방식을 이해해보는 시간을 가져보자. JWT는 쉽게 생각하자면 고객에게 찍어주는 쿠폰도장인데 좀 복잡하게 만들어져 있어서 나만 알아볼수 있는 도장이다. 비유적으로는 그렇고 간단한 서버를 만들어서
local storage
How to Local Storage
요즘 인증 인가와 같은 개념들을 공부중인데, 우연히 네이버가 ui 정보를 로컬스토리지에 저장하고 있는 것 같아서 본김에 관련 정보를 기록해두려고 한다. 다음은 본인의 브라우저에 네이버가 남겨둔 로컬 스토리지 이다.
basic
How to Local Storage
요즘 인증 인가와 같은 개념들을 공부중인데, 우연히 네이버가 ui 정보를 로컬스토리지에 저장하고 있는 것 같아서 본김에 관련 정보를 기록해두려고 한다. 다음은 본인의 브라우저에 네이버가 남겨둔 로컬 스토리지 이다.
typescript
Confusing Typescript
typescript의 함수 type과 관련해 초보자라면(=나) 헷갈릴 만한 부분을 좀 정리해보려고 한다. 우선 기본적인 부분을 정리 해보자면, javascript에서 함수는 네가지 방법으로 정의 할 수 있다. 다만, 생성자로 정의하는 건 생소한 부분이고 비실용적인것 같아 ...
general
Confusing Typescript
typescript의 함수 type과 관련해 초보자라면(=나) 헷갈릴 만한 부분을 좀 정리해보려고 한다. 우선 기본적인 부분을 정리 해보자면, javascript에서 함수는 네가지 방법으로 정의 할 수 있다. 다만, 생성자로 정의하는 건 생소한 부분이고 비실용적인것 같아 ...
type
Confusing Typescript
typescript의 함수 type과 관련해 초보자라면(=나) 헷갈릴 만한 부분을 좀 정리해보려고 한다. 우선 기본적인 부분을 정리 해보자면, javascript에서 함수는 네가지 방법으로 정의 할 수 있다. 다만, 생성자로 정의하는 건 생소한 부분이고 비실용적인것 같아 ...
browser
vanilla JS로 라우팅
우리는 웹을 사용하면서 수없이 많은 사이트를 돌아다닌다. 그리고 그 각각의 사이트 또한 무수한 페이지들로 이뤄져 있다. 현대 프로그래밍 기술의 발전으로 일일이 페이지를 만들지 않아도, 동적으로 페이지를 만들 수 있게 되었고,