B41 TIL Blog

Node 버전 관리하기 (NVM)

NVM(Node Version Manager) Node를 이전 버전으로 돌리거나 올리는 것을 쉽게 하게 도와주는 역할을 함. 설치 Brew가 설치되어 있다면 brew install nvm 환경변수 설정 터미널에서 .nvm 디렉토리 만들기 mkdir ~/.nvm vi 편집기로 편집 ...

Windows에서 리눅스 - WSL, 도메인 주도 설계 - DDD

WSL (Windows Subsystem for Linux) 윈도우 10, 11에서 네이티브로 리눅스 실행 파일을 작동시키기 위해서 사용. WSL에 도커, code-server를 이용해서 개발하는 경우도 있음. 가상머신을 사용해서 리눅스를 돌리면 무겁다는 단점이 있음. 하지만 WSL을 이용하면 리눅스 프로그램을 가볍게 이용할 수 있음...

[JavaScript] 소문자로 변환 - String.prototype.toLowerCase()

toLowerCase() 문자열의 대문자를 소문자로 변환 검색 처리 시 검색 값과 데이터 모두 toLowerCase를 적용시키고 필터링하면 이용자가 더 많은 검색결과를 얻을 수 있음 const sentence = 'The quick brown fox jumps over the lazy dog.'; console.log(sentence....

Object.keys() - 객체 key를 배열로

Object.keys() 객체의 key를 배열로 반환 const object = {a: 1, b: 2, c: 3} console.log(Object.key(object)); // 결과: ["a", "b", "c"] Reference https://developer.mozilla.org/ko/docs/Web/JavaScript/...

다이나믹 서브셋

배운 것 다이나믹 서브셋 서브셋 폰트 일반적으로 사용하는 문자만 남겨 용량을 줄인 폰트 다이나믹 서브셋 CSS의 unicode-range 속성을 이용해서 해당 문자가 사용될 때 브라우저가 폰트 파일을 다운로드 하는 방식 자세한 사용방식은 링크의 블로그 참조 ...

preflight

배운 것 Preflight Request 본 요청 전에 사전 요청을 하는 것. 일반적인 경우에서는 Preflight를 먼저 요청하지 않음. GET, HEAD, POST이외의 경우 preflight Request Content-Type 헤더에 허용된 값 이외에 작성된 경우 등… Reference https://jsikim1...

어뷰징, 리프레시 토큰, Redis

배운 것 어뷰징(Abusing) 부정 행위를 통해 이득을 취하는 행동 예를 들면 사이트에서 보안에 취약한 부분을 악용하여 이득을 취함 리프레시 토큰 (Refresh Token) 엑세스 토큰의 유효 시간이 지났을 때 다시 새로운 엑세스 토큰을 발급 받는 방법 E...

Next Auth로 소셜 로그인 구현

배운 것 Next Auth 좋은 점 Nextjs 간편하게 소셜 로그인을 구현할 수 있음. Server, Client 모두 Nextjs 하나로 구현할 수 있음. 궁금증 provider의 인증 토큰을 따로 받을 수 있는 지 모르겠음. Java서버 백단에서 토큰 유효성 인증을 해줄 수 있는 방법이 있을까? 설치 (v4 기준)...

React Helmet

배운 것 React-Helmet 라이브러리 사용하는 곳 React에서 헤더 태그에 무엇을 넣어야할 때 사용한다. 내가 필요했던 곳은 메타 태그를 넣기 위해서였다. 메타 태그의 Theme-color를 넣기 위해 사용했다. 설치 react-helmet을 설치했는데 자꾸 에러가 나서 react-helmet-async을 설치했...

Geolocation API - 위치 정보 받아오기

배운 것 Geolocation API 기능 브라우저에서 위도와 경도 값을 받아오는 기능을 함. geolocation 객체 navigator.geolocation 객체를 통해 Geolocation API를 사용할 수 있음. 사용 방법 geolocation 객체가 존재하는 지 확인 if('geolocation' in n...