[Javasciprt and Typescript]

Javascript는 동적 타입 언어로, 변수의 타입은 프로그램이 실행되는 동안 결정되고 변경될 수 있다. 이 언어에서의 자료형으로 기본적으로 원시 타입과 객체 타입의 두 가지 데이터 타입을 제공한다. 이들 각각의 특징과 차이점을 이해하는 것은 매우 중요하다. 본 블로

타입스크립트를 사용하는 환경에서, 부모 컴포넌트로부터 전달받는 props 데이터가 때로는 여러 유형으로 나눠질 수 있다. 본문에서 다룰 props의 경우, group과 tab 두 가지로 분류 될 것이다. 자식 컴포넌트에서 이러한 데이터를 렌더링할 때(React를 기반으

개요 > 조건문은 조건이 많아질수록, 그 가독성이 저하될 수 있다. 본 블로그 글에서는 이러한 조건문을 보다 간결하고 일관된 방식으로 작성하는 한가지 방법에 대해 다뤄볼 예정이다. 기존의 코드 type이 변경됨에 따라, imageClass 변수에 여러 CSS 모듈

이 블로그는 자바스크립트에서의 깊은 복사와 얕은 복사의 개념을 소개하고, 각각의 복사 방법이 언제 어떻게 사용되는지를 예제 코드와 함께 설명한다. 또한, 객체타입에서의 깊은 복사 방법에 대해서도 설명해 보겠다.원시 타입과 객체타입의 차이에 대한 이해가 없다면, 아래의

동기 방식은 작업을 순차적으로 처리한다. 한 작업이 완료되기 전까지 다음 작업은 대기한다. 이는 코드의 가독성을 높이고, 이해하기 쉬운 흐름을 제공하지만, 한 작업이 지연될 경우 전체 시스템의 성능에 영향을 줄 수 있다.코드의 흐름을 쉽게 이해하고 추적할 수 있다.디버

클로저(Closure)는 자바스크립트에서 중요한 개념 중 하나이다. 클로저는 함수가 선언될 때의 렉시컬 환경(Lexical Environment)에 대한 참조를 유지하여, 함수가 자신이 선언될 때의 범위 밖에서 호출되더라도 해당 범위에 접근할 수 있게 하는 기능이. 이

별 다른건 아니고 자바스크립트에서 자주 쓰이는 배열 메소드들을 정리해보려고 한다. map은 배열의 각 요소에 주어진 함수를 실행하고, 그 결과로 새로운 배열을 생성한다. 이 메소드는 기존 배열을 변형하는 데 매우 유용하다. React에서는 주로 API 응답을 컴포넌트화

자바스크립트는 동적 타입 언어로, 다양한 방식으로 변수를 선언할 수 있다. 이 글에서는 자바스크립트의 세 가지 주요 변수 선언 키워드인 const, let, var의 차이점을 이해하고, 언제 어떻게 사용해야 하는지에 대해 다루어 볼 것이다.var는 자바스크립트 초기 버

자바스크립트에서 자주 쓰이는 문자열 메소드들을 정리해보려고 한다.문자열에서 특정 인덱스에 위치한 문자를 반환한다.하나 이상의 문자열을 기존 문자열에 연결하여 새 문자열을 반환한다.문자열이 특정 문자열을 포함하고 있는지 여부를 반환한다.문자열 내에서 주어진 값이 처음으로