KUKJIN LEE
총 570개의 글
프로그래머스 문자열 붙여서 출력하기 JavaScript
입출력 예와 같이 str1과 str2을 이어서 출력하는 코드를 작성해 보세요. 해설 Node.js 환경에서 사용되는 코드로, 사용자로부터 텍스트 입력을 받고 그 입력을 처리하여 결과를 출력하는 기본적인 기능을 수행합니다. input 배열은 나중에 사용자의 입력을 저장할...
프로그래머스 길이에 따른 연산 JavaScript
정수가 담긴 리스트 num_list가 주어질 때, 리스트의 길이가 11 이상이면 리스트에 있는 모든 원소의 합을 10 이하이면 모든 원소의 곱을 return하도록 solution 함수를 완성해주세요. 해설 먼저 입력된 배열의 길이를 확인하고, 배열의 길이에 따라 다른 ...
프로그래머스 - 문자열 정수의 합 JavaScript
한 자리 정수로 이루어진 문자열 num_str이 주어질 때, 각 자리수의 합을 return하도록 solution 함수를 완성해주세요. 해설 주어진 문자열 numStr에 있는 숫자들을 모두 더해서 그 합을 반환하는 JavaScript 함수를 정의하고 있습니다. input...
프로그래머스 - 카운트 다운 JavaScript
정수 start_num와 end_num가 주어질 때, start_num에서 end_num까지 1씩 감소하는 수들을 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요. 해설 숫자를 입력으로 받아서, 첫 번째 숫자부터 두 번째 숫자까지의 숫자들을 ...
WebP의 우수성: JPG 및 JPEG 포맷을 뛰어넘는 이유
WebP 이미지 포맷은 디지털 이미지 저장 및 전송의 효율성을 극대화하는 현대적인 기술로, JPG와 JPEG 포맷과 비교했을 때 여러 면에서 우월한 성능을 제공합니다. 주요 이점을 자세히 살펴보겠습니다. 압축 효율의 혁신 WebP 포맷은 동일한 화질의 이미지를 더 작은...
Next.js Fill을 활용한 이미지 높이, 너비 제어
이전 버전의 layout prop 대신, fill prop을 사용하여 반응형 이미지를 쉽게 구현할 수 있습니다. 또한, 컴포넌트의 기본 이미지 요소를 style 또는 className을 사용하여 스타일링할 수 있습니다. 문제가 발생하는 기존 사용 방법 import Im...
Next.js Pages, 내부에 Component 파일 생성에 관한 가이드
Next.js 프로젝트에서 컴포넌트를 임포트하고 사용하는 방식은 표준적인 접근법으로, 다른 파일 또는 컴포넌트를 import 문을 통해 가져와 현재 컴포넌트에서 사용하는 것을 포함합니다. 일반적으로 Components 폴더에 생성 된 Component와 달리, Page...
CORS 이해와 설정 방법
CORS(Cross-Origin Resource Sharing)는 웹 페이지가 다른 도메인의 리소스를 요청하는 것을 가능하게 하는 웹 보안 표준입니다. 웹 브라우저는 기본적으로 보안 상 Same-Origin Policy를 따르기 때문에, 현재 웹 페이지와 다른 출처에서...
MongoDB 데이터베이스 연결하기
MongoDB는 별도의 설정이 없을 경우 'test'라는 이름의 데이터베이스를 자동으로 사용합니다. 그러나 특정 데이터베이스를 사용하고 싶다면, 데이터베이스 이름을 직접 설정해야 합니다. 이를 위한 방법 중 하나는 연결 문자열에 데이터베이스 이름을 포함시키는 것입니다....
Nodemon 사용법: Node.js 애플리케이션의 자동 재시작
nodemon 은 Node.js 애플리케이션을 개발할 때 매우 유용한 도구입니다. 파일 변경이 감지되면 자동으로 Node 애플리케이션을 재시작해주는 기능을 제공합니다. 이로 인해 개발 과정이 훨씬 더 빠르고 효율적이 됩니다. Nodemon 설치 로컬 설치 (프로젝트별)...
dotenv 사용 시 'process.env' 미작동 문제 해결하기
Node.js 애플리케이션 개발 시 환경 변수 관리를 위해 dotenv 패키지가 널리 사용됩니다. dotenv 사용 시 process.env 가 예상대로 작동하지 않는 경우가 있을 수 있습니다. 이러한 문제는 주로 환경 변수 파일( .env )이 올바르게 로드되지 않았...
Husky 설정을 활용한 Commit 규칙 설정하기, CommitLint
Husky를 이용한 Commit 메시지 규칙 설정 방법입니다. 이 프로세스는 프로젝트의 Commit 메시지가 일관되고 명확하게 유지되도록 도와주며, 협업 시 팀원 간의 이해도를 높일 수 있습니다. 1. 필요한 패키지 설치 Husky, @commitlint/cli, @c...