TypeScript에서 type과 interface는 둘 다 타입을 정의하는 데 사용되지만, 몇 가지 중요한 차이점이 있다.각각의 특징과 사용 시기를 비교해보려 한다.Type vs Interface1. 정의 방식:type: 타입 별칭(Type Alias)을 생성한다.interface: 인터페이스를 선언한다.type User = {name: string;age: number;};interface User {name: string;age: number;}2. 확장성:type: 교차 타입(&)을 사용하여 확장한다.interface: extends 키워드를 사용하여 확장한다.type Animal = {name: string;}type Bear = Animal & { honey: boolean };interfac..
노드 버전 매니저중 하나인 fnm이라는 것을 소개해보려 한다.fnm이란?fnm(Fast Node Manager)은 Rust로 작성된 빠르고 간단한 Node.js 버전 관리자입니다. 다양한 Node.js 버전을 쉽게 설치하고 전환할 수 있게 해줍니다.특징Rust로 작성되어 매우 빠른 성능크로스 플랫폼 지원 (Windows, macOS, Linux)쉬운 설치 및 사용.nvmrc 파일 지원자동 완성 기능다른 node version manager와의 차이점특징fnmnvmn언어RustBashJavaScript속도매우 빠름보통빠름크로스 플랫폼OX (Windows 미지원)O.nvmrc 지원OOX설치 난이도쉬움보통쉬움설치방법macOS (Homebrew 사용):brew install fnmLinux 및 macOS (cu..
JavaScript 코딩테스트를 준비해 본 사람이라면, Node.js에서 사용자 입력을 받아 처리하는 대표적인 방법인 fs 모듈과 readLine 모듈을 사용해봤을 것이다.입력 값을 받아 출력 값을 보여주기 위해 사용하는 모듈이라는 사실만 알지, 구체적으로 어떻게 사용하는 것인지 몰랐기에,이번에 정리해보려한다.1. fs 모듈fs 모듈은 파일 시스템과 상호작용할 수 있는 모듈로, 파일을 읽거나 쓸 때 사용됩니다. 주로 파일에서 입력을 읽을 때 사용한다.사용법모듈을 불러온다. // require('fs')readFileSync 메서드를 사용하여 파일을 동기적으로 읽는다. // fs.readFileSync('data.json', 'utf8')입력을 처리한다. // JSON.parse(data) : JSON 문..
위 글은 25 CSS Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,이 글은 3번째 중 3번째(마지막) 글이다.18. Full-Width Elements (전체 너비 요소)문제: 요소가 부모의 전체 너비를 차지하도록 만들고 싶습니다.해결책: width: 100vw를 사용합니다.부연 설명: width: 100vw는 뷰포트의 전체 너비를 차지하게 합니다. margin-left와 margin-right를 사용하여 부모 요소의 중앙에 배치할 수 있습니다..full-width { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}19. SVG Icon Color Cont..
