react-material-ui-carousel 라이브러리를 사용해 넣어놓았던 메인페이지, 문제 목록 페이지의 캐러셀을 직접 구현하기로 했습니다. 이유는 다음과 같습니다.최적화를 하기로 하며 결정한 사항인만큼 번들 사이즈를 줄이려는 목적이 있었습니다.첫 로딩시에 캐러셀

가장 눈에 띄는 것은 이미지의 로딩 속도였습니다. 따라서 lighthouse에서 이미지 관련 항목들을 살펴보니 두가지가 보였습니다.이미지에 width, height 속성 부여이미지 확장자 png -> webp로 변경따라서 웹 페이지 내의 모든 이미지에 적절한 width

저는 현재 CS Broker라는 AI로 서술형을 채점해주는 Computer Science 문제풀이 사이트를 개발중이며 웹 프론트엔드를 홀로 맡고 있습니다. 외로아요열심히 개발해서 서술형, 객관식, 단답형 문제풀이나 채점도 가능하고, 마이페이지에서 어떤 문제를 풀었는지도

다양한 이미지 확장자가 있다.png: 별로임jpg: png보다는 나음webp: 구글에서 밀어줌, https://squoosh.app/ 여기서 변환 가능, 화질이나 사이즈나 jpg보다 나은데, 아직 지원 안되는 브라우저도 좀 있음 (거의 다 되는거 같기는 한디)

모두 key: value 데이터 구조Map은 default key라는 개념이 없지만 Object는 prototype을 가지므로 이미 뭐가 있다. 직접 키 넣을 때 조심해야함Map의 키로는 뭐든지 올 수 있다(function, object, 원시값 등등) but Obje

Add Automationtrigger: Pull Request mergedNew ConditionJQL Condition Transition issue 추가destination status: done

svg react component로 가져오기ts 설정ts.config.tscustom.d.tsvite 설정vite-plugin-svgr installvite.config.ts

그냥 '===' 쓰면 안되나요...

Javascript에서 배열을 다룰 때 주로 쓰이는 인스턴스 메서드를 고차 함수 제외하고 정리해보았다.