B41 TIL Blog

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...

[고민] 타입스크립트에서 타입이 정확한 경우 지정하지 않는 것이 맞는가?

들어가기 타입스크립트로 프로젝트를 진행하는 중 의문이 생겼다. const LOGIN_ID = 'login id'; const array = ['abc', 'bbc', 'ccc']; 위와 같은 코드의 경우 LOGIN_ID는 한 눈에 타입 판단이 가능하고 TypeScript도 자동 타입 추론(Type Inference)으로 string...