비사이드소프트

RSS

게시글: 13
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
[js] 서브클래스 평가하기
이 글은 JavaScript의 클래스 상속 메커니즘, 특히 `extends` 키워드를 사용하여 서브클래스를 정의하고 사용하는 방법을 탐구합니다. ES6 클래스 문법의 등장으로 객체 지향 프로그래밍이 JavaScript에서 더욱 명확해졌지만, 내부적으로는 여전히 프로토타입 기반 상속을 따릅니다. 글에서는 `super()` 호출의 중요성, 메서드 오버라이딩, 그리고 `instanceof` 연산자를 통한 인스턴스 확인 등 서브클래스 평가에 필요한 핵심 개념들을 다룹니다. 또한, 상속 관계에서 발생할 수 있는 잠재적인 문제점과 이를 해결하기 위한 고려 사항을 제시하며, JavaScript의 클래스 시스템을 깊이 이해하는 데 도움을 줍니다.
JavaScript클래스상속
비사이드소프트·2022년 12월 14일
Frontend
[js] JSON ↔ 모델 변환 entityJS제작 # 3/3
이 글은 JavaScript를 사용하여 JSON 데이터를 모델 객체로 변환하는 라이브러리인 entityJS의 제작 과정을 설명합니다. 특히, TypeScript 환경에서 JSON 데이터를 효과적으로 다루기 위한 entityJS의 구현 방식과 활용법에 초점을 맞춥니다. JSON과 모델 간의 변환은 프론트엔드 개발에서 흔히 발생하는 문제이며, 이를 해결하기 위한 라이브러리의 필요성을 강조합니다. entityJS는 타입 안정성을 제공하고 코드의 가독성을 높여 개발 생산성을 향상시키는 것을 목표로 합니다. 마지막으로, 이 시리즈의 3부작임을 밝히며, 실제 적용 사례와 함께 entityJS의 유용성을 보여줍니다.
JavaScriptJSON모델 변환
비사이드소프트·2022년 1월 3일
Frontend
[js] JSON ↔ 모델 변환 entityJS제작 # 2/3
이 글은 JavaScript를 사용하여 JSON 데이터를 모델 객체로 변환하는 entityJS 라이브러리 제작 과정을 다룹니다. 특히, 2부에서는 JSON 데이터를 TypeScript 모델로 변환하는 핵심 로직 구현에 초점을 맞춥니다. JSON 파싱, 타입 검증, 그리고 동적 객체 생성을 통해 효율적인 데이터 변환 파이프라인을 구축하는 방법을 설명합니다. 이를 통해 개발자는 복잡한 JSON 구조를 다룰 때 발생하는 오류를 줄이고 코드의 안정성과 유지보수성을 향상시킬 수 있습니다. entityJS는 프론트엔드 개발에서 데이터 처리의 편의성을 높이는 유용한 도구로 활용될 수 있습니다.
JavaScriptJSON모델 변환
비사이드소프트·2021년 12월 31일
Frontend
[js] JSON ↔ 모델 변환 entityJS제작 # 1/3
이 글은 JavaScript를 사용하여 JSON 데이터를 모델 객체로 변환하는 entityJS 라이브러리 제작 과정을 다룹니다. 특히, JSON과 모델 간의 타입 변환, 유효성 검사, 그리고 NestJS와 같은 프레임워크에서의 활용 방안을 중점적으로 설명합니다. 개발자는 이 글을 통해 JSON 데이터를 효율적으로 관리하고 타입 안전성을 확보하는 방법을 배울 수 있습니다. 또한, 직접 라이브러리를 제작하는 경험을 통해 JavaScript의 객체 지향적인 특성과 데이터 처리 로직에 대한 이해를 높일 수 있습니다.
JavaScriptJSON모델 변환
비사이드소프트·2021년 12월 30일
Frontend
[js] ??연산자 응용
이 글은 JavaScript의 ?? 연산자(nullish coalescing operator)의 활용법을 소개합니다. ?? 연산자는 좌항의 값이 null 또는 undefined일 경우에만 우항의 값을 반환하고, 그 외의 경우에는 좌항의 값을 반환하는 연산자입니다. 이는 기존의 || 연산자가 falsy 값(0, '', false 등)에 대해서도 우항의 값을 반환하는 것과 차별화됩니다. 글에서는 ?? 연산자를 사용하여 변수의 기본값을 설정하거나, 객체 속성에 접근할 때 null/undefined 체크를 간결하게 처리하는 등 다양한 예시를 보여줍니다. 이를 통해 코드의 가독성을 높이고 잠재적인 오류를 줄일 수 있음을 강조합니다. ES2020 표준에 포함된 이 연산자는 현대 JavaScript 개발에서 유용하게 활용될 수 있는 코딩 팁입니다.
JavaScript?? 연산자nullish coalescing operator
비사이드소프트·2021년 4월 23일
Frontend
[js] 초성 자동완성 검색
이 글은 JavaScript를 사용하여 초성 자동완성 검색 기능을 구현하는 방법을 다룹니다. 사용자가 입력하는 초성에 따라 관련 검색어 목록을 실시간으로 필터링하여 보여주는 기능을 구현하는 데 초점을 맞춥니다. 주로 문자열 처리와 배열 탐색 알고리즘을 활용하여 효율적인 검색 로직을 설계하는 방안을 제시합니다. 프론트엔드 개발에서 사용자 경험을 향상시킬 수 있는 실용적인 기술을 소개하며, 특히 검색 기능의 성능 최적화에 대한 고려 사항도 포함될 수 있습니다. 이 글을 통해 개발자는 사용자 친화적인 검색 인터페이스를 구축하는 데 필요한 지식과 구현 방법을 얻을 수 있습니다.
초성자동완성검색
비사이드소프트·2021년 2월 16일