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