👩‍💻  Hooks  📌Hooks✏️ Hooks란?: Hooks에 대해 알아보자.     ✏️ useState 사용법: 컴포넌트 상태를 관리하기 위해 useState 사용 기본 문법const [state, setState] = useState(initialState);선언: int a =10,           읽기: print(a)                쓰기: a = 20선언: const [a, setA ] = useState(10)    읽기:print(a)      쓰기:setA(20)useState 함수를 호출하면 변수와 그 변수를 수정할 수 있는 세터 함수를 배열로 반환단순한 값부터 복잡한 리스트, 객체까지 모두 사용할 수 있음useState 함수는 관리해야 하는 상태의 수만큼 ..

👩‍💻  스타일링  📌스타일링✏️ 인라인 스타일링:컴포넌트에 style속성에 객체 형태로 스타일링 지정background-color처럼 하이픈-> backgroundColor 카멜 표기법으로 작성리액트 네이티브에서는 자바스크립트를 이용해 스타일링 수행    ✏️ 클래스 스타일링:스타일시트에 정의된 스타일을 사용스타일시트에 스타일을 정의하고 정의된 스타일의 이름으로 적용 ->  웹 프로그래밍에서 CSS 클래스를 이용하는 방법과 유사    ✏️ 여러개 스타일 적용:여러 개의 스타일을 적용해보자. - 여러 개의 스타일을 적용해야 할 경우는 "배열"을 이용할 수 있음- 뒤에 오는 스타일이 앞에 있는 스타일을 "overwrite" 함 상황에 따라 인라인 스타일과 클래스 스타일 방식 혼용 가능      ✏️ ..

👩‍💻  Component   📌Component - JSX 기초✏️ JSX: JSX란?객체 생성과 함수 호출을 위한 문법적 편의를 제공하기 위해 만들어진 확장 기능.JSX는 가독성이 높고 작성하기 쉬울 뿐만 아니라, XML과 유사하다는 점에서 중첩된 구조를 잘 나타냄  ✏️ JSX 특징:JSX의 특징을 알아보자.XML 과 유사하다는 점에서 중첩된 구조 표현 가능는 UI를 구성하는 가장 기본적인 요소(와 비슷)  대신 컴포넌트나 사용가능여러 개의 요소를 표현할 경우 반드시 하나의 부모로 감싸야 함 ✏️ JSX에서의 "하나의 부모":하나의 부모란 무엇을 의미할까? "View"는 UI를 구성하는 가장 기본적인 요소로, 웹 프로그래밍에서 와 비슷한 역할을 한다.JSX에서는 여러개의 요소를 표현할 ..