프로젝트에 사용하던 버전의 Next.js 속도를 개선하려고 빌드 툴을 찾아보는데, 시중에 나와있는 여러 빌드 툴들(Vite, Snowpack)은 안정성이라던가 업데이트 안함 등으로 아직은 사용하기가 꺼려졌었다 그런데 12.3으로 버전 업을 하면서 넥스트 공식 홈페이지에서 SWC 라는 빌드 툴을 안정화까지 했다고 🎉🎉🎉 SWC란? SWC는 자바스크립트 프로젝트의 컴파일과 번들링 모두에 사용될 수 있는, Rust라는 언어로 제작된 빌드 툴입니다. SWC는 Speedy Web Compiler의 약자로, 말 그대로 매우 빠른 웹 컴파일러의 기능을 제공하는 툴입니다. 카카오 기술블로그에서 자세한 내용을 확인할 수 있다.(https://fe-developers.kakaoent.com/2022/220217-learn..

파이썬에서 get method 를 이용하여 간단하게 데이터가 있으면 데이터를 리턴하고, 데이터가 없으면 지정한 값을 리턴하게 할 수 있다. dict = {'icecream': 1000, 'snack': 1200} print(f"아이스크림 : {dict.get('icecream')}") print(f"껌 : {dict.get('gum', '없음')}")

만약 10000개의 데이터 정보를 map 으로 화면에 뿌리게 되면 어떻게 될까? 이정도는 클라이언트에서 잘 버틸 수 있을지도 모른다... 그럼 10만개는? 많은 데이터를 한꺼번에 뿌리는 방법이 아니라, 원하는 엔드 포인트에 다다랐을 때마다 갱신하는 방법을 사용하면 부하를 줄일 수 있기 때문에 인피니티 스크롤을 사용하게 된다. 인피니티 스크롤 데모 작동하는 것과 코드는 아래 데모에서 확인할 수 있다. See the Pen infinite scroll by Liebe97 (@Liebe97) on CodePen. 인피니티 스크롤 설명 인피니티 스크롤의 동작 방식은 다음과 같다. 1. 상위 root element 의 가시성을 확인하여 2. 가시성의 변화가 생겼을 때 3. loader.current 와 root ..

ArrayBuffer 타입의 데이터를 Blob 으로 만들려고 하면 아래와 같은 코드를 사용하면 된다. // new Blob([ ArrayBuffer 데이터 ], { type: 생성할 Blob 타입 } new Blob([ ArrayBufferData ], { type: "application/pdf" }