reactnative2 [2주차] 4장 스타일링 🎨 스타일링 리액트 네이티브는 자바스크립트를 이용해 스타일링 방법1. 인라인 스타일링 : 컴포넌트에 직접 스타일 입력 HTML의 인라인 스타일링과 비슷, but 객체 형태로 전달해야함 (HTML은 문자열 형태로 스타일 입력) 장점 : 어떤 스타일이 적용되는지 잘 보인다 단점 : 비슷한 역할을 하는 컴포넌트에 동일한 코드 반복 해당 스타일 적용 이유를 명확하게 이해하기 어려움 내용 방법2. 클래스 스타일링 : 스타일 시트에 스타일을 정의하고 컴포넌트에는 정의된 스타일의 이름으로 적용 = CSS 클래스를 사용하는 방법과 유사 장점 : 전체적인 스타일을 관리하기가 쉽다 const App = () => { return ( Inline Styling - Text ); }; const styles = StyleSh.. 2021. 11. 8. [1주차] 리액트 네이티브와 컴포넌트 (1장~3장) 저희 리액트 네이티브 스터디에서는 김범준의 '처음 배우는 리액트 네이티브'를 읽고 직접 실습하며 내용 요약을 진행합니다. 1주차에는 [1장: 리액트 네이티브란?], [2장: 리액트 네이티브 시작하기], [3장: 컴포넌트]를 읽고 리액트 네이티브에 대한 전반적인 개요를 접했으며, 주요 개념 중 하나인 컴포넌트에 대해 자세히 공부했습니다. 1️⃣ 1장 리액트 네이티브란? 리액트 네이티브는 2015년 3월 페이스북에 의해 공개된 오픈소스 프로젝트로, 이름에서부터 드러나듯 리액트에 기반을 두고 제작되었다. 하지만 리액트와는 달리 웹 브라우저가 아닌 네이티브(iOS, 안드로이드)에서 동작하는 애플리케이션을 만드는 자바스크립트 프레임워크다. 리액트 네이티브로 개발된 대표적인 앱으로는 페이스북, 인스타그램, 스카이프.. 2021. 10. 15. 이전 1 다음
