하고 싶은게 많은 아이의 개발 성장 일지

Git branch 를 생성하면 main 에서 작업하는 것이 아니라 새로운 브랜치를 만들어코드 변경 사항을 안전하게 관리하고 협업을 효율적으로 진행할 수 있다 해서 생성하여 작업했다.00. Git bracnch 란?Git은 분산 버전 관리 시스템으로 협업시 개발자가 동시에 작업할 수 있도록 branch 기능을 제공한다.즉, Git branch란 독립적인 작업을 위한 개별적 공간으로 새로운 기능 개발 및 버그 수정시 별도의 브랜치를 만들어 작업할 수 있다.브랜치를 만들어 사용할 경우 main 브랜치에 영향을 주지 않고 변경사항을 실험 및 개발을 진행 할 수 있다.01. Git Branch 생성 방법1) 브랜치 생성git branch 브랜치이름해당 명령어를 실행하여 로컬 저장소에 나만의 branch를 생성한..

react-native 환경에서 안드로이드 앱 개발을 프로젝트로 진행중이라Mac에 안드로이드 스튜디오를 설치했다.00. Android Studio 설치 : https://developer.android.com/studio?hl=ko mac 환경에 맞게 다운을 받아준다. 나는 Apple chip M1이라 Mac with Apple chip 을 다운 받았다.Android Studio 를 제대로 설치하면 위와 같이 뜨는데들어가서 전부 다운 받고 협업 중인 프로젝트를 열어 준다.01. SDK 설정Tools > SDK Manager 를 눌러 SDK 를 설정한다.안드로이드 SDK Location은 환경 설정 경로를 설정해야 하기 때문에 미리 복사해두자.SDK platforms 를 선택하여 설치 받고 Image Sy..

React Native에서 텍스트(Text) 컴포넌트를 사용할 때, 화면 크기나 내용에 맞게 폰트 크기를 조정하거나텍스트가 여러 줄로 표시되도록 처리하는 과정을 해야 회전이나 다양한 디바이스에서 텍스트가 잘리지 않도록자동 크기 조정 기능을 수행할 수 있다. 이번 포스팅에서는 내가 프로젝트하며 직면한 문제들과 해결하기 위해 어떻게 풀어나갔는지 작성해보도록 하겠다.첫 번째 문제 : rem 단위 미지원react-native를 활용한 프로젝트를 진행하고 있는데 react와 달리 rem 이 지원되지 않아 반응형 디자인에 첫 번째 문제가 발생했다.이를 해결하기 위해 remToPx 함수를 활용하여 rem 단위를 px 단위로 변환하여 사용했다.import { PixelRatio } from 'react-native';..

React Native 환경에서 styled-components 가 사용 가능하다고 해서설치해서 프로젝트에 활용해보았다. 프로젝트를 생성한 뒤 터미널을 통해 styled-components 를 생성하는 방법부터알아보도록 하자.00.  스타일드 컴포넌트 설치npm install styled-componentsreact natvie에서 styled-components를 사용하기 위한 명령어이다.위와 같이 뜨면 설치가 완료된 것이다.01. 의존성 에러 해결 방법 (선택)styled-components 의 경우 react-dom을 필요로 하기 때문에 react-dom이 없다면 의존성 문제가 발생할 수 있다.npm install react-dom해당 에러를 해결하기 위해서는 npm install react-dom..

React Native 를 활용한 ios 앱 개발을 위한 개발 환경을 설정해볼 예정이다.React Native 환경 설정부터 iOS 개발 환경 설정 방법까지 기록했다. 0. Git Hub 통한 레파지토리 생성 및 연동1) GitHub을 통한 레포지토리 생성- 깃허브에서 'New Repository' 선택- 레파지토리 이름 입력 (예: 'ToDoApp') / 레파지토리 공개 여부 선택 ('Public '혹은 'Private')- 'Create repository'를 통해 레파지토리 생성2) vs code 에 접속하여 Clone Git Repository 를 통한 연동- 혹은 페이지 상단 repository 의 url을 복사하여 vs code에 연동한다.1. React Native 프로젝트 생성1) 기본 J..