native
-
리액트 네이티브 타입스크립트 네비게이션 에러개발 공부/혼자 하는 리액트 네이티브 2023. 4. 11. 13:39
지금 진행 중인 리액트 네이티브 프로젝트를 시작할 때 너무 별 생각없이 타입스크립트로 바로 시작했다. 자바스크립트는 많이 써봤으니 공부할 겸 해보자 였나, 아니면 샘플을 그대로 따라해서였나 기억은 잘 안나지만 단점❗은 인터넷상에 샘플들은 거의다 JS 다. 코드를 그대로 긁어와도 꽤나 종종 에러가 뜬다. JS 문법에는 맞지만 TSX 문법에 맞지 않아서이데, 언뜻 보기에는 전체적으로 비슷하나 1-2개만 오류가 나서 처음엔 버전 문제인줄 알고 삽질을 많이 했다 ㅠㅠ (A TSX file is a TypeScript (.TS) file written using JSX syntax) TS 기본기도 없었지만, 다들 TSX를 잘 안쓰는지 에러 관련 정보 자체도 찾기 힘들었다. 오늘 기록할 에러는 Navigation ..
-
React Native 컴포넌트 Function Component / Class Component 차이개발 공부/혼자 하는 리액트 네이티브 2023. 2. 3. 00:07
컴포넌트란 쉽게 말하면 OOP 에서 하나의 object 같은 존재다. 중복되는 디자인과 속성을 component 로 만들면 페이지에서 import 하여 굳이 여러번 반복하여 디자인과 속성을 쓰지 않아도 component 를 이용하려 쉽게 페이지를 만드는 것 가능하다. 중복되지 않는 디테일은 props 나 state 를 parameter 처럼 전달해 바꿔가며 사용이 가능하다. 예를 들기 위해 아래 CircleImageWithLabel 라는 component 를 만들었다. 이미지를 동그랗게 display 하고 그 아래 text 를 배치하는 것인데 이미지와 text 의 내용을 props 로 전달 받아 페이지마다 적절하게 사용이 가능하다. 사용법은 아래와 같다. CircleImageWithLabel이 내가 만든..