DEV_LOG DEV_LOG

최근 base64를 사용해야하는 상황이 있었다.생각보다 자주 보이는 형식인데 비해, 어떤 원리로 작동하는지, 어떤 특성을 갖는지 정확하게는 잘 몰랐어서 생각보다 헤매게 되었다.이참에 base64에 대해 까먹지 않도록 정리할 겸 base64의 원리, 특성, 다른 타입에 대해 작성해보려한다.base64에 대해base64는 인코딩 방식이다. 더 정확하게는 이진 데이터를 64진수의 문자열로 변환하는 방식이라고 보면 된다.64진수라니 너무 많지않은가?하지만 base64에서 사용하는 문자를 보면 생각보다 많아보이지않을것이다.const base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; 알파벳 대문자, 알파벳 소문자, 숫..

최근에 프로젝트 하나를 마무리하였다. 많은 이슈들이 있었지만 가장 크게 영향을 받은 경험은 배포과정에서 일어난 도커 이슈였는데, 이 글에서는 프로젝트 진행 중 발생한 도커 배포 이슈와 이미지 최적화 작업에 대한 해결방안을 간단하게 작성해보려한다. 들어가기전에 최근에 마무리한 프로젝트는 홈페이지 리뉴얼에 포인트 기능을 추가한 서비스였다. 개발을 시작할때 쯤 새로운 기술을 사용해보고자하였고, 그때 당시에 최신 기술이었던 nextjs 12버전을 사용하게 되었다. 얼마 지나지않아 13버전이 나왔지만 안정성의 이슈 때문에 12를 사용하기로 했었고, 이 과정에서 ssg나 ssr 관련 기능을 사용하면서 방화벽 이슈나, 인증서 이슈등, 흔하게 마주하지는 않는 이슈를 맞닥뜨리게 되었다. 예상치 못한 이슈는 패키지매니저에..

사내 프로젝트를 진행하며 Nextauth를 사용하게 되었다. SNS 로그인 기능을 사용하기 위해 도입했지만, 제대로 알지 못하고 사용하고있었다는것을 많이 체감하게 되었다. 그러던 차에 오픈소스를 뜯어보며 공부할 수 있는 기회가 생겼기에 NextAuth를 좀 더 제대로 이해해보기위해 소스코드를 뜯어보며 분석하게 되었다. 코드를 분석하는 일 자체가 생소했기에 분석한 내용이 완벽하게 옳은지는 확실하지않지만, 최대한 확인된 내용. 개념적인 내용을 위주로 분석한 내용을 설명해보고자 한다. NextAuth Nextauth는 next.js에서 인증처리를 할 수 있도록 도와주는 라이브러리다. 이 라이브러리는 여러가지 기능을 제공해주는데. 대표적으로 나열해보자면 - OAuth service를 지원한다. - 대부분의 로그..

시작하며 javaScript 를 공부하다보면 자연스레 이 세가지 키워드에 대해 알게 된다. let 과 const를 알기 전까지만해도 javaScript는 var 뿐만으로 돌아가는 신비한 언어체계를 가지고있었다. 하지만 현재 공식적으로 const 와 let 키워드가 추가되었고, 이 둘의 사용을 권장하고있다. 이 타입은 무엇이며, 어째서 기존의 방식을 버리고 이 새로운 선언 방식을 권장하는가? 이를 알기 위해서는 변수의 선언과 호이스팅, 스코프에 대해 알아야할 필요가 있다. 변수의 선언 변수의 선언은 var, let, const 로 할 수 있으며 이중 let 과 const는 ES6에서 추가되었다. 위의 세가지 키워드를 간단하게 설명하자면 다음과 같다. var : 재선언 가능, 재할당 가능 let : 재선언 ..