도도한 블로그

삽질.. 삽질.. 지난주 교재 대로 나오지 않아서 오류가 있다고 생각이 들었고

나름 열심히 구글링 했지만.. 사실 그냥 삽질이었다. 

아래처럼 저건 오류가 아니었는데, 빨간 밑줄이라 오류라고 판단했고 관련 메시지도 제대로 읽지도 않았다.

그리고 오늘 다시 보니 내가 책 내용을 반영하지 않았던 부분이 있었따...;;;

위 내용까지 시간이 오래 걸렸다. 1시간 이상은 걸린 듯 ㅠㅠ

아, 처음에 IOS 시뮬레이터로 해보려고 했는데, 시뮬레이터에 EXPO까지 설치했는데.. 

얘는 또 실행하면 바로 종료가 되어서 해보지 못했다.. ㅠ 얜 또 왜그랭..

암튼.. 진도는 나갔다. 아주 조금..; 차근차근.. 급하지 않게!!!

prop-types 설치후 사용하는 과정에서 prop-types을 제대로 인식 못하는 거 같다.

아래 이미지 보면 Calc App과 title 사이에 빈칸이 있어 보이지만 교재대로라면 button title이 보여야 하는데..

일단 조금 더 확인해보자!!

오늘부터 본격적으로 앱 만들기를 시작한다.

첫 번째로 계산기 앱 만들기!! 하루에 1~2시간 투자하려고 하는데 언제 완성될지 모르겠다! 어허허허~

꾸준히 하다 보면 완성하겠지!!

1) Text에 인라인 스타일로 스타일 적용하기

2) StyleSheet로 스타일 적용하기

3) 플랫폼별 스타일 동일하게 적용하기

화면 만들 때 꼭 iOS와 안드로이드 둘 다 확인하면서 진행해야 한다.

개발 세팅! 완료!! 무야호!!

1) Expo-cli 설치

설치 시 오류가 있어서 검색해 보니 권한 문제라고 하는데 해결은 Node.Js를 다시 설치했다.

[해결 참고]

2) Expo 프로젝트 실행

간단하지만 첫 번째 앱이 만들어진 것을 확인할 수 있다.

김범준의 핸즈온 리액트 네이티브 - Chapter01 - 개발 환경 준비하기(1)

1. Node.Js 설치

2. Homebrew 설치

3. Watchman 설치

- 위 3가지 설치 확인

4. iOS 개발 환경 - Xcode(설치 후 시물레이터 화면)

5. JDK 설치

6. 안드로이드 설치

7. 에디터 설치 - VS CODE 설치 완료!

링크 - 교보문고

동영상 강의도 구매하긴 했는데, 아무래도 책으로 한번 보고 시작하는 게 더 좋을 거 같아서 책을 추가로 구매했다.

일단 책으로 쭉~~ 해보고 동영상도 계속 이어서 할 생각이다.

책대로 따라해보면서 결과를 기록해 보자.

학습하는데, 계속 에러가 나길래..

동영상 소스와 계속 비교했는데 틀린 게 없어서.. 찾아보니 이유는 간단!! ㅠㅠ

import 해주면 된다!! 허무!

import {Image} from 'react-native' ; 

ps. 10분짜리 영상인데.. 1분 30분 걸림 ㅠㅠ

온라인 강좌 수강하면서 배운 내용을 정리해 보자. 

오늘은 제목 그대로 React Native 개발 환경 세팅

설치할 프로그램들은 다음과 같다.

https://docs.expo.dev/get-started/installation/

[1] Expo CLI 필수 설치 프로그램

1. Node.js : 가장 최신 버전이 아닌 현재 많이 사용하는 버전 18.13으로 설치했다.(2023.01.17 기준)

2. Git : Git 설치되기 전에 Brew가 설치되어야 한다.

Brew로  이동하여 설치, 설치 후 맥북 CPU에 따라 환경 설정을 추가로 해야 줘야 한다. 

큰 건 없고 Next Steps에 나오는 것들을 실행해 주면 된다.

3. Watchman : 명령어로 설치

[2]. 부가. 설치. 프로그램

1. Vs code : 

2. Yarn : 설치할 때 권한 문제인지 오류가 있었는데, 이 명령어로 실행해서 문제 해결

[3] 테스트 앱 실행

1. EXPO 실행 : npx expo -h

https://docs.expo.dev/get-started/installation/

2. 테스트 앱 생성

https://docs.expo.dev/get-started/create-a-new-app/

3. 

맥북을 포맷하자마자 내가 처음으로 한 것은 화면캡처다. 

맥에서 기본 기능으로 제공해 주니 좋구나. 

전체 화면, 부분 화면, 프로그램 창 등 여러 개 제공해 준다. 

정말 유용하게 사용할 기본 기능중에 하나다!

https://support.apple.com/ko-kr/HT201361

맥북을 포맷했다.

그동안 방치한 것도 있고 깔끔히 정리 후 새로 사용하게 낫겠다는 판단을 했다.

앞으로 잘 써보자.

그리고 MacOS가 어느새 13버전이다. - [MacOS Ventura 알아보기]

[맥북 포맷 참고]