본문 바로가기

컴포넌트3

React Native에서 Text Input 컴포넌트 label 색상 변경하는 방법 React Native에서 Text Input 컴포넌트의 label 색상을 변경하는 방법에 대해 알아보겠습니다. Text Input 컴포넌트는 사용자로부터 텍스트를 입력받는 데 사용되며, label은 입력 필드 위에 표시되는 텍스트입니다. 기본적으로 React Native에서 제공하는 Text Input 컴포넌트의 label 색상은 플랫폼에 따라 다르게 설정되어 있습니다. 하지만 우리는 이 색상을 원하는 대로 변경할 수 있습니다. 소개 React Native는 JavaScript를 사용하여 iOS와 Android 모바일 애플리케이션을 개발할 수 있는 프레임워크입니다. Text Input 컴포넌트는 사용자로부터 텍스트를 입력받는 데 사용되며, label은 입력 필드 위에 표시되는 텍스트입니다. 기본적으로 .. 2023. 7. 11.
ReactJS와 타입스크립트를 함께 사용하는 이유 소개 ReactJS와 TypeScript는 현대적인 프론트엔드 개발에서 매우 인기 있는 기술입니다. ReactJS는 사용자 인터페이스를 구축하기 위한 강력한 라이브러리이고, TypeScript는 자바스크립트에 정적 타입을 추가하여 개발자의 생산성을 향상시키고 버그를 줄이는 데 도움을 줍니다. 이 블로그 포스트에서는 ReactJS와 TypeScript를 함께 사용하는 이유에 대해 자세히 알아보겠습니다. 1. 정적 타이핑 ReactJS와 TypeScript를 함께 사용하면 정적 타입 검사를 통해 코드의 안정성을 높일 수 있습니다. TypeScript는 변수, 함수, 컴포넌트 등에 타입을 명시하여 개발자가 의도한 대로 코드가 작동하는지 사전에 확인할 수 있습니다. 이는 개발자가 실수로 발생할 수 있는 버그를 .. 2023. 6. 28.
Angular 기본용어 정리 1. 컴포넌트란? - Angular의 핵심 구성요소 - Angular의 application은 컴포넌트를 중심으로 구성된다. - 뷰(view)를 생성하고 관리하는 역할을 수행 - 컴포넌트는 동작 가능한 하나의 부품 - 독립적이고 완결된 뷰를 생성하기 위하여 HTML,CSS,JS를 하나로 묶는 것 2. 디렉티브란? - DOM의 모든 것을 관리하기 위한 지시 - 동작 및 모양을 관리 - 공통관심사를 컴포넌트에서 분리하여 구현한 것으로, 컴포넌트의 복잡성을 낮추고, 가독성을 향상시킨다. - @Directive 데코레이터로 장식된 클래스 - 컴포넌트 디렉티브, 어트리뷰트 디렉티브, 구조 디렉티브, 사용자정의 디렉티브 등이 있다. 3. 파이프란? - 데이터 자체를 변경했을 때 발생하는 side effect를 방지.. 2019. 7. 8.
반응형