스켈레톤 스크린 (Skeleton Screen) 1. 개요 웹이나 앱에서 데이터 로딩 시 사용자에게 보여주는 로딩 UI(Loading UI)는 목적과 형태에 따라 크게 세 가지 유형으로 나뉩니다. 스피너(Spinner): 단순한 회전 아이콘으로 시스템이 작동 중임을 알림 프로그레스 바(Progress Bar): 진행률(%)을 표시하여 완료 시점을 예측하게 …
검색 결과
"컴포넌트 기반"에 대한 검색 결과 (총 7개)
class JavaScript에서 class는 객체 지향 프로그래밍(OOP, Object-Orient Programming)을 보 직관적이고 구조적으로 구현할 수 있도록 도와주는 문법적 구조입니다. ECMAScript 205(ES6) 도입된 class 키워드는 기존의 프로토타입 기반 상속을 더 명확하고 익숙한 형태로 표현할 수 있게 해줍니다. 이 문서에서는…
모듈화 (Modularization) 1. 개요 모듈화란 복잡한 시스템을 독립적인 기능을 수행하는 작은 단위인 '모듈(Module)'로 나누어 설계하고 구현하는 소프트웨어 공학 기법이다. 현대 소프트웨어 시스템은 규모가 매우 크고 복잡하여 단일한 구조(Monolithic)로 작성할 경우 코드의 가독성이 떨어지고 수정 시 예상치 못한 부작용(Side Effe…
styled-components 개요 styled-components는 자바스크립트 기반의 리액트(React) 애플리케이션에서 CSS를 보다 직관적이고 모듈화된 방식으로 작성할 수 있도록 도와주는 CSS-in-JS 라이브러리입니다. 이 라이브러리는 자바스크립트 템플릿 리터럴(template literals) 문법을 활용하여 컴포넌트 수준에서 스타일을 정의하…
React 개요 React(리액트)는 페이스북(현 메타)에서 개발한 오픈소스 JavaScript 라이브러리로, 사용자 인터페이스(UI)를 구성 요소(Component) 단위로 선언적으로 만들 수 있게 해준다. 2013년에 처음 공개된 이후 현재는 웹·모바일·데스크톱 등 다양한 플랫폼에서 사용되며, React Native를 통해 네이티브 모바일 앱도 개발할 …
템플릿 엔 개요템플릿 엔진(Template)은 소프트웨어 개발에서 데이터와 프레젠테이션(화면 표시)을 분리하기 위해 사용되는 도구입니다. 주로 웹 애플리케이션에서 서버 사이드 렌더링(SSR) 시, 동적으로 HTML 페이지를 생성하는 데 활용되며, 정적 템플릿에 변수나 제어 구조를 삽입하여 런타임에 데이터를 바인딩함으로써 최종 출력물을 생성합니다. 템플릿 엔…
React Native 개요 및 역사 React Native는 Meta(구 페이스북)가 2015년에 발표한 오픈소스 프레임워크로, JavaScript를 사용하여 iOS와 Android 애플리케이션을 동시에 개발할 수 있는 크로스-플랫폼 개발 도구입니다. 기존의 하이브리드 앱과 달리 네이티브 컴포넌트를 활용해 더 높은 성능과 사용자 경험을 제공하며, "Wri…