위 글은 45 JavaScript Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,이 글은 5번째 중 2번째 글이다. 10. Nullish Coalescing Operator ( 널리쉬 병합 연산자)문제: || 연산자를 사용할 때, 0, "" (빈 문자열), false 등의 falsy 값들 때문에 의도하지 않은 기본값이 적용될 수 있다.예를 들어, 사용자가 나이를 0으로 설정했을 때 기본값으로 대체되어버리는 문제가 발생할 수 있다. 해결책: null이나 undefined일 때만 기본값을 제공하는 Nullish Coalescing (??)를 사용하세요. 이 연산자는 falsy 값들을 실제 값으로 취급하여 의도한 동작을 보장합니다.// PROBL..
위 글은 45 JavaScript Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,팁이 45가지나 되는 만큼 한 글에 담기보단 9개씩 5번으로 나눠서 포스팅할 예정이다.이 글은 5번째 중 1번째 글이다.1. var 대신 let과 const 사용하기문제: var는 함수 스코프를 가지고 있어서 버그와 예측 불가능한 동작을 초래할 수 있다.해결책: 블록 스코프를 가지는 let과 const를 사용하세요.// PROBLEM1: var는 함수 스코프이기 때문에 if 블록 내부에서의 재할당이 전역 score 변수에 영향을 미친다.var score = 10;if (true) { var score = 100; // 같은 변수 이름을 사용}console...
회사에서 공부해왔던 프론트엔드와는 무관한 ACS 시뮬레이션 업무를 해오며,본의 아니게 코드를 놓은지 거의 3개월째이다.경각심을 느껴, 제로초의 web-game 강의로 다시 리액트 감을 좀 끌어올리는 겸공부한 내용을 정리하려한다. 툴체인에 대한 이해가 많이 부족하다고 생각하는데,툴체인패키지 매니저 (package manager)번들러 (bundler)컴파일러 (compiler)포멧터 (formatter)린터 (linter)테스트 러너 (test runner)미니마이저 (minimizer)서버 (server)그중 첫번째로, 번들러중 하나인 Webpack에 대해 정리해보려 한다.1. Webpack이란?현대의 웹사이트는 수많은 HTML, CSS, JavaScript, 이미지들이 모여 구성되는데, 이 때, 수많은..
프론트엔드 취업준비생으로서, 타입스크립트는 사실상 '필수'라고 여겨지는 것 같다. 그렇다면 타입스크립트가 어떤 것이며, 왜 배워야하는 것일까? (개인적으로, 필요성을 느껴야 공부가 더 잘 되는 타입이기도 해서 궁금하기도 했다.) TypeScript란? 2012년에 마이크로소프트의 개발자이자 C#의 창시자로도 알려진 아주 유명한 덴마크 출신의 개발자 Anders Hejlsberg(앤더스 하일스버그)이 만든 언어로, TypeScript 공식 사이트에서는 “TypeScript is JavaScript with syntax for types.”라고 설명한다. 즉, “TypeScript는 타입을 위한 구문이 있는 JavaScript”라는 의미이다. TypeScript는 기본적으로 JavaScript이다. 쉽게 말..
