개발
-
Next.js App Router 환경에서 dynamic 함수를 사용하여 명시적으로 코드 스플리팅하기개발 2024. 1. 19. 21:58
next.js app router는 기본적으로 코드 스플리팅을 제공하지만 이는 페이지 단위의 코드 스플리팅입니다. 코드 스플리팅: 애플리케이션의 자바스크립트 코드를 여러 개의 작은 부분으로 나누어 로딩하는 기술. 초기 로딩 시간을 최적화하고 성능을 향상시킬 수 있는 장점이 있다. Next.js의 자동 코드 스플리팅은 페이지 기반으로 이루어지며, 페이지 간에 자동으로 필요한 코드만을 로드합니다. 그러나 페이지 내에서 컴포넌트 단위로 동적으로 로딩이 필요한 경우에는 dynamic 함수를 사용하여 명시적으로 코드 스플리팅을 수행하는 것이 도움이 됩니다. 이는 특히 큰 규모의 애플리케이션에서 특정 기능이나 모듈이 사용자의 상호 작용에 따라 동적으로 로딩되어야 할 때 유용합니다. 따라서, 페이지 단위의 자동 코드..
-
계산기 웹 애플리케이션 제작 with vanilla JavaScript개발 2023. 10. 14. 15:26
프레임워크나 라이브러리를 사용하지 않고, 오직 자바스크립트만으로 계산기 애플리케이션을 제작하였습니다. 스스로 공부하면서 구현해본 첫 프로젝트인 만큼 저에게 의미가 있는 시간이었습니다. 기간: 2023/10/08 ~ 2023/10/13 (6일) 제작하면서 배운 점과 힘들었던 점을 글로 작성하고자 합니다. 기능 설명: 2개의 숫자에 대해 덧셈이 가능합니다. 2개의 숫자에 대해 뺄셈이 가능합니다. 2개의 숫자에 대해 곱셈이 가능합니다. 2개의 숫자에 대해 나눗셈이 가능합니다. AC(All Clear) 버튼을 누르면 0으로 초기화 합니다. ☒(Backspace) 버튼을 누르면 가장 최근에 입력된 값을 제거합니다. =(Calculate) 버튼을 누르면 계산 결과를 출력합니다. 숫자는 한번에 최대 열 자리 수까지 ..