전체 글

Next.js와 Node.js 기반의 풀스택 개발 기술을 깊이 있게 다룹니다. 실무에 바로 적용 가능한 Docker 환경 구축, 클린 코드 작성법, JavaScript 최신 트렌드까지, 현직 개발자의 실전 경험과 심화 분석을 만나보세요. 코드로 증명하는 개발 지식.
· 이모저모
서비스를 개발하거나 운영할 때 “에러”는 단순히 프로그램이 실패했다는 의미만은 아닙니다.에러는 누가 보는지에 따라 의미와 대응 방법이 달라집니다.이번 글에서는 시스템 관점과 사용자 관점으로 나누어 설명하고, 각각 어떻게 처리해야 하는지 알려드립니다. 1️⃣ 사용자 관점(User Perspective) 에러사용자 관점의 에러는 사용자가 직접 경험하고 이해할 수 있는 문제입니다. 특징친절한 안내 메시지가 가장 중요사용자가 직접 조치할 수 있는 경우가 많음내부 오류 세부사항은 숨기고, 이해하기 쉬운 정보만 제공 예시에러 유형 설명 UI 안내 메시지입력 오류 잘못된 값 입력 “이메일 형식이 올바르지 않습니다.”권한/인증 오류 로그인 안 됨, API 키 없음 “로그인 후 이용해주세요.”요청 제한 초과 호출 횟수 ..
· Algorithm
🚀 시간복잡도 분석과 성능 비교 💡 시간복잡도란? 시간복잡도(Time Complexity)는 알고리즘이 입력 크기에 따라 실행 시간이 어떻게 증가하는지를 나타내는 지표입니다. O(1): 상수 시간 - 입력 크기와 무관하게 일정한 시간 O(n): 선형 시간 - 입력 크기에 비례하여 시간 증가 O(n²): 제곱 시간 - 입력 크기의 제곱에 비례하여 시간 증가 O(log n): 로그 시간 - 입력 크기가 증가해도 천천히 시간 증가 📊 성능 비교 차트 ..
· Javascript
forEach가 생겨난 이유함수형 프로그래밍은 순수 함수와 보조 함수의 조합을 통해 로직 내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임이다. 조건문이나 반복문은 로직의 흐름을 이해하기 어렵게 한다. 특히 for 문은 반복을 위한 변수를 선언해야 하며, 조건식과 증감식으로 이루어져 있어서 함수형 프로그래밍이 추구하는 바와 맞지 않는다. const numbers = [1, 2, 3];const pows = [];// for 문으로 배열 순회for (let i = 0; i forEach 메서드는 for문을 대체할 수 있는 고차 함수다. forEach 메서드는 자신의 내부에서 반복문을 실행한다. 즉, forEach 메서드는 반복문을..
· Javascript
Set 정의Set 객체는 중복되지 않는 유일한 값들의 집합이다. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다. 구분배열Set 객체동일한 값을 중복하여 포함할 수 있다.OX요소 순서에 의미가 있다.OX인덱스로 요소에 접근할 수 있다.OX 이러한 Set 객체의 특성은 수학적 집합의 특성과 일치한다. Set은 수학적 집합을 구현하기 위한 자료구조다. 따라서 Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. Set 객체의 생성Set 객체는 Set 생성자 함수로 생성한다. Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성된다. const set = new Set();console.log(set); // Set(0) {} Set 생성자 함수는 이터러블을 인수로..
· Programmers
문제 설명당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다.홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은 종류의 폰켓몬은 같은 번호를 가지고 있습니다. 예를 들어 연구실에 총 4마리의 폰켓몬이 있고, 각 폰켓몬의 종류 번호가 [3번, 1번, 2번, 3번]이라면 이는 3번 폰켓몬 두 마리, 1번 폰켓몬 한 마리, 2번 폰켓몬 한 마리가 있음을 나타냅니다. 이때, 4마리의 폰켓몬 중 2마리를 고르는 방법은 다음과 같이 6가지가 있습니다.첫 번째(3번), 두 번째(1번) 폰켓몬을 선택첫 번째(3번), 세 번째(2번) 폰켓몬을 선택첫 번째(3..
코딩 1.5
코딩 1.5