본문 바로가기
반응형

전체43

JS Undefined 보호 기법 알아보기 undefined란 무엇인가요?자바스크립트를 배우다 보면 undefined라는 값을 자주 마주치게 됩니다. 이 값은 "정의되지 않았다"는 의미로, 다음과 같은 상황에서 만나볼 수 있어요:// 값이 할당되지 않은 변수let a;console.log(a); // undefined// 존재하지 않는 객체의 속성에 접근할 때const obj = {};console.log(obj.notExist); // undefined// 반환값이 없는 함수의 결과function noReturn() {}console.log(noReturn()); // undefinedundefined는 자바스크립트에서 매우 기본적인 값으로, 코드에서 "이 값은 아직 정의되지 않았어"라고 알려주는 중요한 역할을 합니다.옛날 자바스크립트의 위험한.. 2025. 4. 24.
안유진(IVE) - Sunny Day * 본 리뷰는 음악을 좋아하는 리스너의 개인적인 음악 감상입니다. 전체 평점: ★ 안유진의 데뷔 후 첫 드라마 OST다. '언젠가 슬기로운 전공생활'은 에그이즈커밍의 새 드라마로 '뿅뿅 지구 오락실' 시리즈로 인연을 맺은 안유진이 OST를 지원사격했다. 'Sunny Day'는 편안한 일상이 떠오르는 멜로디와 편곡으로 누구나 부담없이 들을 수 있는 트랙이다. 곡 특성상 보컬의 색이 많이 드러나지는 않지만, 그럼에도 보컬의 매력이 보이지 않아 아쉽다. 2025. 4. 19.
[리뷰] 페노메코 - ㅋㅋ(KK) * 본 리뷰는 음악을 좋아하는 리스너의 개인적인 음악 감상입니다.전체 평점: ★★★★ '찢었다'라는 표현이 가장 어울린다. 국내에서 아프로 힙합을 페노메코만큼 대중성있게 소화할 수 있는 아티스트는 찾아보기 드물다. 힙합 트랙의 난관 중 하나는 이탈율을 잡는 것이다. 힙합이 가지고 있는 패턴 음악의 성질은 대중들이 쉽게 곡의 전체 구조를 파악할 수 있게 한다.구조에 익숙해지면 귀는 자연스럽게 보컬로 향한다. 래퍼는 감칠맛나는 톤과 라임, 가사 등으로 청자를 사로잡아야 한다.사실상 혼자서 2분 이상되는 트랙을 이탈율 없이 끌어가기에는 힙합은 타 장르보다 불리하다.(멜로디가 많이 없다는 점도 특징이다) 일반적으로 대중들은 솔로 트랙보다는 전문 싱어가 코러스를 맡아 역할 분담이 잘된 트랙이나, 여러 래퍼들이.. 2025. 4. 19.
[리뷰] 권은비 - Hello Stranger * 본 리뷰는 음악을 좋아하는 리스너의 개인적인 음악 감상입니다. 전체 평점: ★★★ 권은비의 보컬은 밸런스가 뛰어나다.어린아이 같은 순수함부터 파워풀한 표현이 모두 가능하며, 맑고 부드러운 음색은 이지리스닝에 유리한 성질을 가지고 있다. 워터밤의 여신이란 칭호는 권은비에게 득과실이 확실하다.언더워터의 역주행과 워터밤은 대중들이 그녀를 '섹시', '관능'의 이미지로 소비되도록 하였고, 그녀는 큰 인기를 얻고 있지만 모든 매력을 어필하기 아쉬운 상황을 맞이했다. 개인적으로 권은비라는 보컬이 차지할 수 있는 파이는 섹시함보다 훨씬 크다고 생각한다. 하지만 상업 가수로써 큰 변화를 주기에는 부담이 클 수 밖에 없다. 그녀는 '언더워터'의 성공 공식을 따른 딥하우스, 아프로 계열의 장르를 계속 발표했고이번.. 2025. 4. 19.
NextJS 디렉토링 네이밍 정리 안녕하세요, 프론트엔드 개발자 여러분! 오늘은 Next.js를 사용하면서 꼭 알아야 할 디렉토리 네이밍 규칙에 대해 알아보려고 합니다. 처음 Next.js를 접할 때 주니어 개발자들이 가장 많이 어려워하는 내용은 앱 라우터에서 제공하는 다양한 디렉토리 규칙들입니다. 디렉토리명으로 라우팅이나 처리 방식을 제어한다는 개념이 코드로 로직을 작성하는 개발자 입장에서는 혼란스러울 수 있는데요오늘은 이러한 디렉토리 네이밍 규칙들을 보다 쉽게 정리하고 알아보는 시간을 가지겠습니다.1. 언더스코어(_) - 비공개 디렉토리_로 시작하는 디렉토리는 라우팅 시스템에서 제외됩니다. 이런 디렉토리는 컴포넌트, 유틸리티 함수, 스타일 등 애플리케이션 내부에서만 사용되는 파일들을 정리할 때 유용합니다.app/├─ _componen.. 2025. 4. 14.
프로미스 패턴 끝까지 파헤치기 모던 자바스크립트에서 비동기 프로그래밍은 빼놓을 수 없는 요소다.비동기 프로그래밍은 브라우저가 이벤트에 응답하여 다른 코드를 실행하는 동안 백그라운드에서 오랜 시간이 걸리는 작업을 수행하게 해준다. 그중 프로미스는 가장 핵심적인 개념으로 많은 개발자들이 비동기 프로그래밍을 구현하는데 활용하고 있다.그런데 프로미스라고 하면 보통 Pending, Fulfilled, Rejected의 세가지나 async / await을 사용하는 정도로만 생각한다. 실무 관점에서 보면 이론적인 개념보다는 활용을 잘하는 것이 중요하기 때문에 당연하다. 그러나 고급스러운 비동기 프로그래밍을 구현하다보면 프로미스에 대한 깊은 이해는 필수적으로 요구된다.이번 글에서는 프로미스 패턴을 끝까지 파헤쳐 보면서 알아두면 유용한 개념들을 학습.. 2025. 4. 10.