jins

React Native의 Pressable 컴포넌트와 pressed 상태에 대한 보고서1. 개요React Native의 Pressable 컴포넌트는 사용자의 터치 상호작용을 감지하고, 다양한 상태를 기반으로 스타일을 동적으로 변경할 수 있는 컴포넌트이다. pressed 상태는 사용자가 버튼을 누르고 있을 때(onPressIn)와 떼는 순간(onPressOut)을 감지하여 UI에 반영하는 데 사용된다.2. Pressable의 기본 문법 (pressed ? styles.pressedItem : styles.defaultItem)}> Press Mestyle 속성은 함수 형태를 사용할 수 있으며, 이 함수의 매개변수로 pressed 상태를 받을 수 있다.pressed는 불리언(boolean) 값이며, 사용자..

1. 개요JavaScript의 bind() 메서드는 함수의 this 값을 명시적으로 설정하고, 선택적으로 인자를 고정할 수 있도록 도와주는 메서드이다. bind()를 사용하면 원본 함수를 변경하지 않고, this가 특정 객체를 가리키는 새로운 함수를 생성할 수 있다.2. 문법function.bind(thisArg, arg1, arg2, ...)thisArg: 바인딩할 this 값.arg1, arg2, ...: 바인딩할 함수의 기본 인자들.3. 동작 방식bind()는 새로운 함수를 반환하며, 원본 함수의 this를 thisArg로 고정한다.인자를 함께 전달하면, 고정된 인자를 가지는 새로운 함수를 생성할 수 있다.원본 함수는 변경되지 않는다.4. 예제기본적인 this 바인딩const person = { ..

JavaScript의 filter() 메서드에 대한 보고서1. 개요JavaScript의 filter() 메서드는 배열에서 주어진 조건을 만족하는 요소들만을 새로운 배열로 반환하는 메서드이다. 이 메서드는 원본 배열을 변경하지 않으며, 콜백 함수에서 true를 반환하는 요소들만 필터링하여 새로운 배열을 생성한다.2. 문법array.filter(callback(element, index, array), thisArg);callback: 각 요소에 대해 실행할 함수.element: 처리 중인 현재 요소.index (선택적): 처리 중인 현재 요소의 인덱스.array (선택적): filter()를 호출한 원본 배열.thisArg (선택적): callback 함수 내부에서 this로 사용될 값.3. 동작 방식배열..

좋아! React Native를 학습하기 전에 알아야 할 언어 및 문법을 보고서 형식으로 정리해 줄게.React Native 학습을 위한 필수 언어 및 문법 정리 1. 개요 React Native는 JavaScript 기반의 프레임워크로, 단일 코드베이스로 iOS 및 Android 애플리케이션을 개발할 수 있도록 지원한다.React Native를 효과적으로 학습하고 활용하기 위해서는 JavaScript(ES6 이상), React의 핵심 개념, 그리고 React Native의 기본 문법을 이해하는 것이 중요하다. 본 문서에서는 React Native를 학습하기 전에 반드시 익혀야 할 JavaScript 문법, React 개념, 그리고 React Native의 주요 기능을 정리한다.2. JavaScript ..