미국 개발자 산만한 일기 미국 개발자 산만한 일기

지금 진행 중인 리액트 네이티브 프로젝트를 시작할 때 너무 별 생각없이 타입스크립트로 바로 시작했다. 자바스크립트는 많이 써봤으니 공부할 겸 해보자 였나, 아니면 샘플을 그대로 따라해서였나 기억은 잘 안나지만 단점❗은 인터넷상에 샘플들은 거의다 JS 다. 코드를 그대로 긁어와도 꽤나 종종 에러가 뜬다. JS 문법에는 맞지만 TSX 문법에 맞지 않아서이데, 언뜻 보기에는 전체적으로 비슷하나 1-2개만 오류가 나서 처음엔 버전 문제인줄 알고 삽질을 많이 했다 ㅠㅠ (A TSX file is a TypeScript (.TS) file written using JSX syntax) TS 기본기도 없었지만, 다들 TSX를 잘 안쓰는지 에러 관련 정보 자체도 찾기 힘들었다. 오늘 기록할 에러는 Navigation ..

컴포넌트란 쉽게 말하면 OOP 에서 하나의 object 같은 존재다. 중복되는 디자인과 속성을 component 로 만들면 페이지에서 import 하여 굳이 여러번 반복하여 디자인과 속성을 쓰지 않아도 component 를 이용하려 쉽게 페이지를 만드는 것 가능하다. 중복되지 않는 디테일은 props 나 state 를 parameter 처럼 전달해 바꿔가며 사용이 가능하다. 예를 들기 위해 아래 CircleImageWithLabel 라는 component 를 만들었다. 이미지를 동그랗게 display 하고 그 아래 text 를 배치하는 것인데 이미지와 text 의 내용을 props 로 전달 받아 페이지마다 적절하게 사용이 가능하다. 사용법은 아래와 같다. CircleImageWithLabel이 내가 만든..

최근 혼자 어플 만들 일이 생겼다. 대학 졸업하고 쭉 백엔드, 서버, 시스템 엔지니어로 일했고 주로 UI 없는 개발을 하다 보니 프런트엔드 개발이 약하다. 그런데도 리액트 개발은 재밌었어서 (2년전에 아주 간단한 리액트 앱을 만들었었다) 다시 리액트로 만드려고 보니 정말 전혀 기억이 안나 당황스러웠다. 기억력의 한계와 기록의 중요성을 새삼 실감하며 다시 보려고 쓰는 리액트 네이티브 포스팅