[클라우딩 어플리케이션 엔지니어링 TIL] 240328 - SNS 앱 클로닝 프로젝트 (1)

Intro

---

지난 React Native 강의를 토대로 오늘부터 또 다른 개인 프로젝트가 시작됐다.

SNS와 비슷한 오운완 피드 앱을 제작하는 것이다.

 

 

프로젝트 진행 사항

---

프로젝트 필수 기능

• 피드 리스트
• 피드 검색
• 피드 업로드
• 코멘트 리스트/코멘트 작성
• DM 리스트
• DM 상세화면

그 외 선택으로 구현 가능한 기능은 아래와 같다.

• 로그인/회원가입
• 프로필/프로필 수정
• 알림함
• 팔로우/팔로워
• 앱 설정

 

 

프로젝트 기획/디자인

"오운완"이란 단어를 들으니 요즘 빠져있는 클라이밍이 생각났다.

클라이밍을 좋아하는 사람들만의 SNS를 만들면 좋을 것 같아 클라이밍을 주제로 잡고 디자인해 보았다.

 

필수 기능을 포함하는 앱을 시간 내에 만들기 위해선 많은 기능을 추가하진 못했다.

 

 

프로젝트 세팅

이번 프로젝트에선 JS가 아닌 TS를 사용하여 개발해보기로 했다.

• 프로젝트 세팅

npx react-native@latest init ProjectName

 

• ios bundle install

cd ProjectName
cd ios
bundle install
bundle exec pod install

 

프로젝트에 React-Native를 설치하면 타입스크립트를 사용할 수 있는 환경이 자동으로 세팅되어 있다.

tsconfig 파일만 수정해주었다.

 

• tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src/*", "src/**/*"],
  "exclude": ["node_modules"]
}

 

 

 

마무리

---

프로젝트 기간이 짧다보니 기획/디자인에 많은 시간을 쓸 순 없었다.

우선은 SNS 피드 위주 구현을 목표로 하고 시간이 된다면 좀 더 클라이밍을 위한 앱스러운 앱을 만들어봐야지!