반응형
리액트 네이티브(React-Native) 앱 만들기 프로젝트
🛠️개발 환경
프론트는 RN , 백은 Spring으로 구현 예정
- FrontEnd
- BackEnd
- Tool
📁프로젝트 구조 잡기
일단은 구조만... 개발하면서 수정 예정
src
├── App.js
├── Theme.js // 프로젝트에서 사용할 색상 정의
├── components // 컴포넌트 파일 관리
│ ├── Input.js
│ ├── Button.js
│ ├── CommentForm.js // 댓글 입력 form
│ ├── CommentList.js // 댓글 리스트
│ ├── CommentItem.js // 댓글 한개
│ ├── CustomFont.js //폰트 설정
│ ├── Detail.js // 스터디 세부 정보
│ ├── StudyMemebr.js // 스터디에 참여한 스터디 멤버 리스트
│ ├── KakaoMap.js //카카오 지도 map
│ ├── MyStudyList.js // 내 스터디 리스트
├── navigations // 네비게이션 파일 관리
│ ├── AuthStack.js // 인증에 따라 화면 분기
│ ├── MainStack.js // 메인 화면
│ ├── MainTab.js // 하단 탭
├── screens // 화면 파일 관리
│ ├── Mypage.js
│ ├── StudyChat.js // 채팅방
│ ├── ChatCreation.js // 채팅방 생성
│ ├── StudyChatList.js // 채팅방 목록
│ ├── SingIn.js // 로그인 페이지
│ ├── SignUp.js // 회원가입 페이지
│ ├── StudyRecruit.js //메인페이지, 스터디 모집 리스트 페이지
│ ├── StudyRecruitDetail.js // 스터디 모집 상세 페이지
│ ├── StudyRecruitWrite.js // 스터디 모집 작성 페이지
├── package.json // 설치 라이브러리
├── utils // 프로젝트에서 이용할 기타 기능 관리
│ ├──
│ ├──🎨화면 설계
리액트 네이티브가 처음이라 많이 헤매고 있지만 공부를 목적으로
회사 다니며 천천히 해보기로 했다. 화이팅!
반응형
'💻 my code archive > 🌈Project' 카테고리의 다른 글
| 깃허브 저장소 (Github repository) 이름 변경 방법 (0) | 2023.05.02 |
|---|---|
| [Python 프로젝트] 주제 선정, 개발 환경 구축, 프로젝트 구조 잡기 (0) | 2022.11.08 |
| [개인 프로젝트] 스프링 시큐리티(Spring Security), OAuth2 네이버 카카오 로그인 API 사용하기 (0) | 2022.06.28 |
| [개인 프로젝트] OpenAPI 조회해온 뮤지컬 정보 화면 목록 뿌리기+Bootswatch 부트스트랩 (0) | 2022.06.24 |
| [개인 프로젝트] KOPIS 공연 Open API 가져오기, XML JSON 파싱, DB 저장, 스프링 배치(Spring Batch) (4) | 2022.06.24 |
