스무디 한잔 마시며 끝내는 React Native - 기본기 닦기

React Native 책을 대출 했습니다.

프로젝트 1일차 때 공부하려고 했던 서적이었는데

(https://yannichoongs.tistory.com/129?category=772021)

구입할 만큼 구미가 당기는 내용은 아닌 지라

대출 예약 후 빌렸더니, 어느새 11일차 진행 중이네요~

저자 코딩 및 개발 환경

- React-native cli 사용 : 그동안 expo cli 로 window 환경에서도 아이폰/안드로이드 모두 올려볼 수 있었는데
책 따라할 겸 react-native cli 사용해 볼 계획입니다. android device 다시 꺼내야겠네요.

- TypeScript 사용 : 똑같이 javascript 가 아닌 typescript 를 사용할 계획입니다. 어차피 거의 비슷

- Styled Components : style 을 아래와 같은 component 로 만드는 방식인데

장점은  동적 변경 스타일 관리가 편해지는 것이고, 단점은 app 파일 용량이 커진다는 것입니다.
즉, button click press / release 별 스타일 적용 같은 case에서 용이하다는 겁니다.
9일차에 익힌 GlobalStyleSheet 이 더 간결하고 나을것 같아
우선 비추일 듯한데, 교재 따라서 사용은 해보겠습니다.
https://styled-components.com/

const Button = styled.button`
  background: transparent;
  border-radius: 3px;
  border: 2px solid palevioletred;
  color: palevioletred;
  margin: 0 1em;
  padding: 0.25em 1em;
`

 

한동안 계획은

2주 정도 책 내 프로젝트 따라해보며 기본기를 익혀보고

이를 통해 기존 프로젝트 'Code Refactoring' 예정입니다.

(회사 프로젝트 쉴 때 refactoring 하겠다는 마음을 몇 번 먹었더라... )