KUKJIN LEE
총 570개의 글
Microsoft Clarity 통합 시 Uncaught TypeError: a[c] is not a function 오류 해결 방법
Next.js 애플리케이션에 Microsoft Clarity와 같은 타사 스크립트를 통합할 때, Next.js가 스크립트를 로딩하고 실행하는 방식으로 인해 특정 충돌이 발생할 수 있습니다. 흔히 발생하는 문제 중 하나는 JavaScript 오류입니다. 문제 설명 app...
@Transactional과 @Service 알고 사용하자
@Transactional 목적 : @Transactional 어노테이션은 해당 클래스나 메소드에 트랜잭션 관리를 적용하겠다는 것을 Spring에 알립니다. 트랜잭션이란 데이터베이스의 상태를 변화시키기 위해 수행하는 작업 단위를 말하며, 이 어노테이션을 사용함으로써 해...
ORM 사용 시 컬렉션 이름 자동 생성 규칙과 직접 지정 방법
ORM (Object-Relational Mapping) 라이브러리를 사용할 때 데이터베이스 내에서 자동으로 생성되는 컬렉션 이름이 모델 이름의 복수형으로 설정되는 것은 매우 일반적인 동작입니다. MongoDB와 같은 NoSQL 데이터베이스에서 ORM 또는 ODM (O...
Next.js에서 동적 임포트(dynamic import)를 사용하는 주된 이유
Next.js에서 동적 임포트(dynamic import)를 사용하는 주된 이유는 code splitting과 SSR 최적화입니다. 0이 방법은 특히 클라이언트 사이드 전용 코드에 유용하며, 여러 가지 장점을 제공합니다. 여러 이유가 있지만, 크게 3가지로 분류하였습니...
React useRef 쉽게 이해하기
우선 useRef를 쉽게 이해하려면 렌더링과 DOM에 대한 이해가 필요합니다. 렌더링: 사용자 인터페이스를 화면에 그리는 과정, React에서는 상태(state), 속성(Props) 변경이 발생하면 Component가 렌더링되어 변경된 내용을 화면에 반영합니다. 즉 화...
TS18048, 데이터베이스에서 반환되는 빈 배열에 대한 처리 방법
데이터베이스에서 데이터를 받아오는 중, ` TS18048: avatars is possibly undefined` 문제가 발생했다. 아래 코드에서, getLostArkAvatars 함수를 통해 데이터베이스에서 avatars 를 가져온 뒤, 이를 map 을 사용하여 렌더...
[Java] @RestController와 @Controller의 차이점 이해하기
import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RestController; @RestController @Controller 웹 개발을 진행하...
프로그래머스 n 번째 원소부터 JavaScript
정수 리스트 num_list와 정수 n이 주어질 때, n 번째 원소부터 마지막 원소까지의 모든 원소를 담은 리스트를 return하도록 solution 함수를 완성해주세요. 해설 불필요한 반복문 없이 배열 슬라이싱을 통해 원하는 결과를 얻을 수 있습니다. 더 간결하고 효...
프로그래머스 첫 번째로 나오는 음수 JavaScript
해설 음수 원소를 찾으면 해당 원소의 인덱스를 반환하고, 음수 원소를 찾지 못하면 -1을 반환합니다. 이것은 주로 배열에서 특정 조건을 만족하는 원소를 찾을 때 사용되며, 이 경우에는 음수 원소를 찾는 예시입니다. const minusNum = num_list.find...
프로그래머스 조건에 맞게 수열 변환하기 3 JavaScript
해설 solution이라는 함수를 정의하고, 이 함수는 두 개의 매개변수 arr과 k를 받습니다. 이 함수는 arr 배열의 각 요소를 조건에 따라 변환하여 새로운 배열을 반환합니다. 이 코드는 기존의 코드를 개선하여 간결하게 작성되었습니다. function soluti...
프로그래머스 n개 간격의 원소들 JavaScript
정수 리스트 num_list와 정수 n이 주어질 때, num_list의 첫 번째 원소부터 마지막 원소까지 n개 간격으로 저장되어있는 원소들을 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요. 해설 주어진 배열 num_list와 숫자 n을 인수...
프로그래머스 문자열의 뒤의 n글자 JavaScript
문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 뒤의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요. 해설 slice 메서드는 문자열에서 지정된 범위의 부분 문자열을 추출하는 데 사용됩니다. 이때 -n...