chobyeonggyu03 님의 블로그

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요

자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요 (7월11일)

● 이번 글에서는 React Native의 기본 컴포넌트들과 간단히 style지정방법에 대해 정리해보고자 한다. View 컴포넌트는 Javascript에서 태그와 비슷한 개념으로 다른 요소들을 감싸주는 컨테이너 역할을 하는 컴포넌트이다. 또한, 이름 그대로 화면에 View 컴포넌트는 안에 있는 요소들 보여주며, 주로 레이아웃을 구성하는데 많이 이용된다 View 컴포넌트의 특징컨테이너 역할 : View 컴포넌트는 다른 컴포넌트들을 감싸는 컨테이너 역할을 해줌 중첩 가능 : View 컴포넌트는 여러 개 중복되어 사용할 수 있음 레이아웃 구성의 편의성 : View 컴포넌트는 Flexbox 레이아웃 시스템을 사용하여 내부 컴포넌트들의 정렬과 배치를 관리하므로 비교적 쉽게 레이아웃 디자인을 할 수 있음 모바일 렌..

이번 글에서는 React Native에서 처음 프로젝트를 생성할 때 초기 파일 구조에 대해 정리해보고자 한다. 프로젝트 생성하기 VScode에 npx react-native init --version [버전] [파일멸] 을 입력하여 프로젝트 생성하기 -> 버전에 따라 어떤 버전은 Android SDK버전과 호환이 안될 수도 있고 자동으로 app.js가 포함된 파일들이 생성되지 않을 수도 있음 가장 좋은건 공식사이트에 들어가서 프로젝트 생성 코드를 그대로 치는 것--> npx @react-native-community/cli@latest init [파일명]      프로젝트를 정상적으로 만들었다면 위의 사진처럼 app.tsx나 app.js파일이 섞인 프로젝트가 생성되어 있어야 함(app.js와 app.ts..

이번글에서는 공모전에 나가게 되는 프로젝트의 와이어프레임이 완성되어 해당 프로젝트의 와이어프레임에 대해 정리해보고자 한다. (자세한 리뷰는 프로젝트x 교내활동이 끝나면 정리할게요)              [로그인 화면] API만을 사용한 로그인화면을 구현함     [메인 화면] 바로 장소를 검색하거나 추천장소와 주변 축제정보를 볼 수 있는 페이지를 구현함      [검색 화면] 하단 아이콘을 누르거나 메인화면에서 검색하기를 누르면 원하는 어르신들의 숙소를 검색할 수 있음     [숙소 정보 화면] 원하는 숙소를 누르면 해당 숙소에 대한 정보와 무료로 제공할 수 있는 서비스에 대한 아이콘을 같이 띄워주며 후기와 지도화면으로 넘어가 자세한 정보를 조회할 수 있고, 이 화면을 통해 해당 숙소를 예약할 수 잇음..