[클라우딩 어플리케이션 엔지니어링 TIL] 240322- SNS 개발 클론코딩

Intro

---

오늘부터는 대표적인 sns인 인스타그램과 비슷한 앱을 클론코딩하는 실습 강의를 듣게 되었다.

어려우면서도 그럴듯한 앱이 만들어 지는 게 또 신기하고 그랬다.

 

 

 

 

오늘 학습한 내용

---

SNS 개발 클론코딩

필요한 라이브러리 목록

• react navigation
• react native swiper
• react native video
• react native fast image
• react native modal

 

프로젝트 세팅

1. 프로젝트 시작

npx react-native@latest init ProjectName

 

2. ios bundle install

cd ProjectName
cd ios
bundle install
bundle exec pod install

 

3. packages install

"react-native-gesture-handler": "^2.15.0",
"react-native-modal": "^13.0.1",
"react-native-safe-area-context": "^4.9.0",
"react-native-screens": "^3.29.0"

 

 

 

다음은 백엔드 API 없이 개발하기 위해선 더미 데이터를 직접 만들어야 하는 데 그때 도움되는 라이브러리들이다.

• random dummy image

Lorem Picsum

• random profile image

Avatar Placeholder | Free API to get random avatars

 

 

 

 

 

 

마무리

---

실습해보니 생각보다 복잡하고 어려웠다. 그리고 특히 더 복잡해질수록 스타일 코드도 늘어나고 헷갈리기 시작했다. 스타일은 StyleSheet를 활용해 정리를 잘 해야겠다.