본문 바로가기

분류 전체보기135

React Native 컴포넌트 설명 및 Image 컴포넌트 사용해보기 React Native에 본격적으로 개발하기에 앞서 React Natvie 사이트에서 제공하는 문서들을 읽어보고 습득해보려고 합니다. 아주 예전에 코딩을 해보고 한번 도 해보지 않은 상태기 때문에 사실 JavaScript에 대해서도 가물가물한 상태로 공식 사이트에 나와 있는 React Natvie에 대한 기본 정보들을 읽어보며 공부하고 실제 개발할 준비를 해보겠습니다. 물론 공식 문서를 읽어도 결국 구글링이나 책을 찾아가며 앱을 개발해야 하겠지만 옛날 기억을 떠올리며 공부해 보겠습니다. React Native 사전 준비 사항우선 가장 먼저 소개 페이지를 읽어봤습니다. React에 대해 이미 알고 있다면 해당 문서를 뛰어넘어도 되고 간단히 읽어보고 상기시키기만 해도 충분하다고 합니다. 저는 React 개발.. 2024. 5. 18.
Expo 기본 세팅 및 기본 앱 만들기 오늘은 React Natvie 앱 개발의 첫 번째로 Expo를 사용하기 위한 초기 설정은 무엇이 있고 어떻게 진행하는지 알아본 후 첫 번째 앱 프로젝트를 생성하고 실제 디바이스에서 앱을 실행해 보는 과정에 대해 자세히 포스팅해 보겠습니다.앱 개발을 시작하는 과정 중 사소하지만 막혔던 부분에 대해 해결 방법도 같이 포스팅하겠습니다. Expo 기본 세팅 1.Visual Studio Code 설치 우선 Expo를 세팅하기에 앞서 대부분 앱 개발 외에도 코딩을 해본 사람이라면 기본적으로 설치되어 있겠지만 저는 새로 시작했기 때문에 소스 코드 편집기인 VS code 먼저 설치해줬습니다. VS code는 Microsoft에서 개발한 무료 소스 코드 편집기로 다양한 플랫폼(Windows, macOS, Lunux)에서.. 2024. 5. 16.
React Native 동작 원리와 개발 도구(Expo, React Native CLI) React Native 동작원리와 개발 도구 알아보기지난 포스팅에서는 크로스 플랫폼 앱 개발 도구는 무엇이고 네이티브 앱 개발과의 차이점은 무엇인지와 각 개발도구의 장단점은 무엇이 있는지 알아보았습니다. 저는 혼자서 간단하게 앱의 기획부터 디자인, 서버 구축까지 할 것이기 때문에 네이티브 앱 개발 방식을 통해 IOS와 안드로이드 모두 개발하기에는 역부족으로 크로스 플랫폼 앱 개발을 통해 개발해 보려고 하며, 비교적 사용할 수 있는 언어인 JavaScript를 이용한 React Native 도구를 이용해 개발해보고자 합니다. 그렇다면 오늘은 본격적인 앱 개발에 앞서 React Native의 동작 원리는 무엇이고 React Native를 개발하기 위해 필요한 도구는 무엇인지 알아보겠습니다. 1.React N.. 2024. 5. 15.
Expo SDK 51 버전 업데이트로 인해 변경된 점 알아보기(프로젝트 생성) 오늘은 Expo 앱 만들기를 공부하기 위해 두 번째 프로젝트를 생성하면서 알게 된 것에 대해 작성해 보겠습니다.불과 1주일 전만 해도 분명히 문제없이 사용했던 아래 명령어를 동일하게 입력해 프로젝트를 생성했는데 평소에는 볼 수 없던 전혀 다른 프로젝트가 생성되었습니다. 프로젝트 생성 명령어 : “npx create-expo-app 프로젝트이름” 너무 당황스러워 Expo 공식 홈페이지를 들어갔지만 여전히 초기 프로젝트 생성 명령어는 동일했습니다. 혹시나 싶어 다시 생성해 봤지만 여전히 예전에 보던 프로젝트가 아닌 다른 유형의 프로젝트가 생성되었습니다. 프로젝트가 생성되는 속도도 오래 걸렸고 내부 파일들도 전혀 다른 파일들이 생성되었습니다. 너무 당황스러웠지만 공식 홈페이지를 천천히 읽어보니 SDK 51버전.. 2024. 5. 13.

티스토리툴바