JS & TS Programming5

• 

  Type Predicate를 활용해 사내 내장 유틸함수 타입 가드 적용 사내 Core에서 제공되는 내장 유틸 함수 vIsEmpty() 함수와 vIsNull() 함수는 런타임에서 null-safe 처리를 위해 매우 빈번히 사용되는 함수입니다. 하지만 이렇게 빈번히 사용되는 함수가 컴파일 시점에선 TypeScript 환경에서 타입 가드 기능을 하지 못한다는 문제점이 있었습니다. 이런 문제점에 의구심과 불편함을 느끼며 개선을 해보고자 생각을 했고, 이번 글은 "기존 함수를 뜯어고치지 않고도 Type Guard를 가능하게 만든 경험"을 정리한 개발 기록입니다. 이번 경험을 통해 Type Predicate 에 대해 공부할 수 있었고, 타입 가드 문제 해결과 기존 시스템의 개선 의지에 대해 본부장님께도 칭찬 받는 좋은 경험이 됐습니다.😎😚 🪧선수 지식 - Type Guard .. JS & TS Programming 2025. 11. 15.

• 

  JavaScript 일반 함수와 화살표 함수의 차이와 문법 자바스크립트에서 함수를 정의하는 방법은 크게 두가지이다. 일반 함수를 사용하는 방법과 화살표 함수를 사용하는 방법이다. 일반 함수function 키워드를 사용하는 일반 함수는 함수 선언식과 함수 표현식이 있다. 함수선언식함수 선언식은 자바스크립트에서 함수를 선언하는 가장 기본적인 방법이다.function main() { console.log("Hello")}main() //함수 호출 function 키워드 뒤에 필수적으로 함수 이름을 적고 블럭 안에 함수 내용을 적으면 된다. 함수를 호출하기 위해선 이름을 적으면 된다.함수 선언식으로 작성된 작성된 함수의 특징은 호이스팅이 된다는 것이다. 호이스팅이 되기 때문에 함수 선언보다 호출이 먼저 되어도 에러가 생기지 않고, 결과가 나온다. 호이스팅이 됐기 때문에.. JS & TS Programming 2024. 12. 20.

• 

  JavaScript - 실행 컨텍스트와 렉시컬 환경 호이스팅, 클로저, this 바인딩 등을 알려면 실행 컨텍스트와 렉시컬 환경을 알아야 한다.  실행 컨텍스트 (Execution Context)자바스크립트 코드가 실행될 때 생성되는 실행 정보의 환경이다. 어떤 코드가 실행될지, 변수와 함수가 어떻게 실행될지를 관리한다. 구성요소1. 렉시컬 환경 (Lexical Environment)변수를 저장하고 관리하며, 스코프 체인을 관리한다.현재 실행 중인 코드 블록(함수, 전역, 블록)의 스코프를 나타낸다.2. 변수 환경 (Variable Environment)렉시컬 환경과 비슷하지만, var 키워드로 선언된 변수만 관리한다.함수 실행 시 초기 상태를 보관한다.3. this 바인딩 (This Binding)현재 실행 중인 코드에서의 this 값을 가리킨다.렉시컬.. JS & TS Programming 2024. 12. 19.

• 

  JavaScript - if 문 Truthy 와 Falsy 평가 방식 조건문의 평가 방식 타입스크립트로 자료구조를 구현하고 있는데, 다른 예시에서 node의 next 값이 존재하면 수정하는 그런 로직이 있었다.?!!?!?!?!?!?!?!?!?!?!?!if (node.next !== null) { //이게 아니고 아래가 된다고?}if (node.next) { node.next.prev = node.prev;} node는 ListNode | null 으로 타입을 추론할 수 있었다. 근데 if () 조건문에 boolean 값이 아닌 객체나 null 이 들어간다는 것에 충격을 받았다. 왜 저게 컴파일 에러가 안생기지?!찾아보니 자바스크립트는 조건문 안에는 반드시 boolean 값만 들어가야 한다는 규칙이 존재하지 않았다.(노근본... 아니냐고....)  TypeScript(또는.. JS & TS Programming 2024. 12. 18.

• 

  JavaScript에서 1 < x < 3이 항상 참인 이유 - Number 내장 함수 개발자 밈을 보면, 특히 언어에 관련된 밈을 보면 자바스크립트에 관련된 밈이 많다. 자바스크립트는 동적 타입 언어로서 타입 변환을 수행하게 된다. 자바 스크립트 공부를 하다가 초입부분에서 이런 걸 봤다.if ("" == 0) { // ?!?!?!?! 이건 참}if (1  자바를 메인으로 공부한 나는 적잖이 충격을 받았다. 위가 왜 항상인지. 자바스크립트에서 왜 저런 문법이 가능한지 소개한다. 1. if ("" == 0) 이 항상 참인 이유if ("" == 0) 이 항상 참인 이유는 == (느슨한 동등 연산자) 및 타입 변환과 그에 따른 자바스크립트 Number 내장 함수 때문이다.  == 연산자를 사용할 때, 피연산자의 타입이 다르면 타입 변환을 시도한다. 피연산자는 0으로 number 자료형이다. 그.. JS & TS Programming 2024. 12. 17.