JavaScript 호이스팅 이해하기 - var/let/const 차이점
호이스팅이란? JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리에 먼저 할당되는 현상입니다. ```javascript console.log(x) // undefined (에러 X) var x = 5 ``` var의 호이스팅 선언과 초기화 분리 ```javascript c
·
#javascript
#hoisting
#var-let-const
#scope
Next.js 개발 서버 프로세스 관리 - 찾기와 종료 완전 가이드
문제 상황 Next.js 개발을 하다 보면 종종 다음과 같은 상황에 마주치게 됩니다: - 개발 서버가 제대로 종료되지 않아 포트가 계속 점유되어 있는 경우 - 백그라운드에서 실행 중인 `next-server` 프로세스가 CPU를 과도하게 사용하는 경우 - 새로운 개발 서버를 시작하려고
·
#Next.js
#Process Management
#Development Server
#macOS
#Linux
#Shell
#Debugging
Homebrew로 설치한 Node.js에서 taskmaster-ai가 Claude Code API를 찾지 못하는 문제 해결
문제 상황 Homebrew로 Node.js를 설치하고 taskmaster-ai 패키지를 사용하려고 할 때, 다음과 같은 오류가 발생할 수 있습니다: ```bash $ npx taskmaster-ai init Error: Claude Code API key not found. Please
·
#Node.js
#Homebrew
#taskmaster-ai
#Claude Code
#API
#macOS
#환경설정
JavaScript 구조분해 할당 실전 가이드
구조분해 할당이란? 배열이나 객체의 속성을 해체하여 개별 변수에 담는 ES6 문법입니다. ```javascript // Before const userName = user.name const userAge = user.age // After - 구조분해 할당 const { name, a
·
#javascript
#destructuring
#es6
#clean-code
JavaScript 배열 중복 제거 3가지 방법
개요 JavaScript 개발을 하다 보면 배열에서 중복된 값을 제거해야 하는 상황이 자주 발생합니다. API에서 받아온 데이터나 사용자 입력 처리 시 중복을 제거하는 것은 필수적인 작업입니다. 오늘은 가장 효율적이고 실용적인 3가지 방법을 알아보겠습니다. 방법 1: Set을 이용한 중
·
#Javascript
#Array
#Tips
#개발
복잡한 조건문 리팩토링 | 객체 활용으로 코드 가독성 300% 향상시키기
당신도 이런 코드를 작성한 적이 있나요? 여러분은 개발을 하다보면 이런 상황을 자주 마주치게 됩니다. 사용자의 역할에 따라 다른 메시지를 보여주거나, API 상태에 따라 적절한 처리를 해야 하거나, 다양한 조건에 따라 서로 다른 결과를 반환해야 하는 상황 말입니다. ```javascri
·
#refactoring
#clean-code
#javascript
#conditional-statements
#best-practices
2025년 AI 개발 도구로 생산성 300% 향상시키기 - 실무자 관점 완벽 가이드
매일 반복되는 개발 업무에 지치셨나요? "또 비슷한 코드를 작성하고 있네..." 개발자라면 누구나 한 번쯤 느껴본 피로감입니다. 저 역시 AzFlow라는 핀테크 플랫폼을 개발하면서 수없이 반복되는 CRUD 작업, 끝없는 코드 리뷰, 그리고 버그 수정에 지쳐있었습니다. 하지만 2025년,
·
#ai-tools
#development
#productivity
#cursor-ide
#github-copilot
#claude-code
#2025
TypeScript 안전한 프론트엔드 개발 가이드
왜 TypeScript를 제대로 사용해야 할까? 단순히 인터페이스 몇 개 정의하고 `any`를 남발하는 것만으로는 진정한 타입 안전성을 얻을 수 없습니다. ```typescript // ❌ 이런 코드는 안전하지 않습니다 function getUser(data: any): User { r
·
#TypeScript
#Frontend
#Type Safety
#React
Gatsby에서 Next.js로 마이그레이션하며 배운 것들 - 성공한 이야기와 그 과정에서의 깨달음
서론: 더 나은 기술을 향한 도전 개발자라면 누구나 한 번쯤은 경험하는 순간이 있습니다. "저 기술이 더 좋아 보이는데?" 하는 생각. 저 역시 그런 순간을 맞이했습니다. 2년간 안정적으로 운영되던 Gatsby 기반 블로그를 보며 문득 생각했습니다. "Next.js가 요즘 주목받고 있고
·
#Gatsby
#Next.js
#마이그레이션
#개발
#React
yarn을 npm으로 전역설치 했을 때 업데이트 하는 방법
왜 작성하게 되었는가   npm update -g yarn 만약 업그레이드 후 에러가 나온다면, package.json의 'packageManager'를 지정해
·
#npm
#Yarn
#package.json
Gatsby를 v5로 업그레이드 할 때 나타나는 에러
왜 작성하게 되었는가 package.json에 있는 resolution과 설치 버전을 맞춰야 한다. [Gatsby Issue #13278](https://github.com/gatsbyjs/gatsby/issues/13278)
·
#Javascript
#package.json
#Gatsby
UIViewController를 SwiftUI preview로 보여주기
왜 작성하게 되었는가 그동안 현업으로만 Swift를 써오면서 몰랐던 키워드를 공부해보기 위해 여러 강의를 보고 있습니다. 그 중에 SwiftUI의 제일 큰 특징 중 하나인 preview를 UIKit으로 만든 UIViewController에서도 보여줄 수 있다는 걸 알게 되어 코드를 작성
·
#iOS
#UIKit
#SwiftUI
78개의 포스트 중 1-12번째 표시
페이지 1 / 7
JavaScript 호이스팅 이해하기 - var/let/const 차이점
호이스팅이란? JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리에 먼저 할당되는 현상입니다. ```javascript console.log(x) // undefined (에러 X) var x = 5 ``` var의 호이스팅 선언과 초기화 분리 ```javascript c
·
#javascript
#hoisting
#var-let-const
#scope
Next.js 개발 서버 프로세스 관리 - 찾기와 종료 완전 가이드
문제 상황 Next.js 개발을 하다 보면 종종 다음과 같은 상황에 마주치게 됩니다: - 개발 서버가 제대로 종료되지 않아 포트가 계속 점유되어 있는 경우 - 백그라운드에서 실행 중인 `next-server` 프로세스가 CPU를 과도하게 사용하는 경우 - 새로운 개발 서버를 시작하려고
·
#Next.js
#Process Management
#Development Server
#macOS
#Linux
#Shell
#Debugging
Homebrew로 설치한 Node.js에서 taskmaster-ai가 Claude Code API를 찾지 못하는 문제 해결
문제 상황 Homebrew로 Node.js를 설치하고 taskmaster-ai 패키지를 사용하려고 할 때, 다음과 같은 오류가 발생할 수 있습니다: ```bash $ npx taskmaster-ai init Error: Claude Code API key not found. Please
·
#Node.js
#Homebrew
#taskmaster-ai
#Claude Code
#API
#macOS
#환경설정
JavaScript 구조분해 할당 실전 가이드
구조분해 할당이란? 배열이나 객체의 속성을 해체하여 개별 변수에 담는 ES6 문법입니다. ```javascript // Before const userName = user.name const userAge = user.age // After - 구조분해 할당 const { name, a
·
#javascript
#destructuring
#es6
#clean-code
JavaScript 배열 중복 제거 3가지 방법
개요 JavaScript 개발을 하다 보면 배열에서 중복된 값을 제거해야 하는 상황이 자주 발생합니다. API에서 받아온 데이터나 사용자 입력 처리 시 중복을 제거하는 것은 필수적인 작업입니다. 오늘은 가장 효율적이고 실용적인 3가지 방법을 알아보겠습니다. 방법 1: Set을 이용한 중
·
#Javascript
#Array
#Tips
#개발
복잡한 조건문 리팩토링 | 객체 활용으로 코드 가독성 300% 향상시키기
당신도 이런 코드를 작성한 적이 있나요? 여러분은 개발을 하다보면 이런 상황을 자주 마주치게 됩니다. 사용자의 역할에 따라 다른 메시지를 보여주거나, API 상태에 따라 적절한 처리를 해야 하거나, 다양한 조건에 따라 서로 다른 결과를 반환해야 하는 상황 말입니다. ```javascri
·
#refactoring
#clean-code
#javascript
#conditional-statements
#best-practices
2025년 AI 개발 도구로 생산성 300% 향상시키기 - 실무자 관점 완벽 가이드
매일 반복되는 개발 업무에 지치셨나요? "또 비슷한 코드를 작성하고 있네..." 개발자라면 누구나 한 번쯤 느껴본 피로감입니다. 저 역시 AzFlow라는 핀테크 플랫폼을 개발하면서 수없이 반복되는 CRUD 작업, 끝없는 코드 리뷰, 그리고 버그 수정에 지쳐있었습니다. 하지만 2025년,
·
#ai-tools
#development
#productivity
#cursor-ide
#github-copilot
#claude-code
#2025
TypeScript 안전한 프론트엔드 개발 가이드
왜 TypeScript를 제대로 사용해야 할까? 단순히 인터페이스 몇 개 정의하고 `any`를 남발하는 것만으로는 진정한 타입 안전성을 얻을 수 없습니다. ```typescript // ❌ 이런 코드는 안전하지 않습니다 function getUser(data: any): User { r
·
#TypeScript
#Frontend
#Type Safety
#React
Gatsby에서 Next.js로 마이그레이션하며 배운 것들 - 성공한 이야기와 그 과정에서의 깨달음
서론: 더 나은 기술을 향한 도전 개발자라면 누구나 한 번쯤은 경험하는 순간이 있습니다. "저 기술이 더 좋아 보이는데?" 하는 생각. 저 역시 그런 순간을 맞이했습니다. 2년간 안정적으로 운영되던 Gatsby 기반 블로그를 보며 문득 생각했습니다. "Next.js가 요즘 주목받고 있고
·
#Gatsby
#Next.js
#마이그레이션
#개발
#React
yarn을 npm으로 전역설치 했을 때 업데이트 하는 방법
왜 작성하게 되었는가   npm update -g yarn 만약 업그레이드 후 에러가 나온다면, package.json의 'packageManager'를 지정해
·
#npm
#Yarn
#package.json
Gatsby를 v5로 업그레이드 할 때 나타나는 에러
왜 작성하게 되었는가 package.json에 있는 resolution과 설치 버전을 맞춰야 한다. [Gatsby Issue #13278](https://github.com/gatsbyjs/gatsby/issues/13278)
·
#Javascript
#package.json
#Gatsby
UIViewController를 SwiftUI preview로 보여주기
왜 작성하게 되었는가 그동안 현업으로만 Swift를 써오면서 몰랐던 키워드를 공부해보기 위해 여러 강의를 보고 있습니다. 그 중에 SwiftUI의 제일 큰 특징 중 하나인 preview를 UIKit으로 만든 UIViewController에서도 보여줄 수 있다는 걸 알게 되어 코드를 작성
·
#iOS
#UIKit
#SwiftUI
78개의 포스트 중 1-12번째 표시
페이지 1 / 7