본문 바로가기
대외활동/멋쟁이사자처럼_프론트엔드 12기

REACT NATIVE 스터디. 주차별 스터디 결과 DRACONIST

by 피스타0204 2025. 3. 16.

1주차
(장유빈) 1단원

React_Native_스터디_1주차_1단원

React_Native_스터디_보충자료

React_Native_스터디_1주차_3단원

React_Native_스터디_1주차_4단원


3.1단원

https://hyunh404.tistory.com/88


 3.2단원

1장 리액트 네이티브란?

3장 컴포넌트


3.3단원

https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-1단원-React-Native란

https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-2단원-리액트-네이티브-환경설정

https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-3단원-컴포넌트 <<<<<

https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-4단원-스타일

 

3.4단원

[React Native] 처음 배우는 리액트 네이티브 1장

[React Native] 처음 배우는 리액트 네이티브 3장


2주차

5단원

https://velog.io/@nakyeongg/React-Native-처음-배우는-리액트-네이티브-5장

https://velog.io/@nakyeongg/React-Native-처음-배우는-리액트-네이티브-6장

https://velog.io/@nakyeongg/React-Native-처음-배우는-리액트-네이티브-7장

 

6.1, 6.2 , 6.3단원

https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-2주차-5단원-할일-관리-애플리케이션-만들기

https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-2주차-6단원-Hooks

 

6.4, 6.5 단원

https://hyunh404.tistory.com/93


7단원

https://youbing.tistory.com/27

https://youbing.tistory.com/28

https://youbing.tistory.com/29

 

3주차

8.1 리액트 내비게이션

https://turtle0204.tistory.com/entry/REACT-NATIVE-%EC%8A%A4%ED%84%B0%EB%94%94-3%EC%A3%BC%EC%B0%A8-7%EB%8B%A8%EC%9B%90-Context-API-1

 

REACT NATIVE 스터디. 3주차 8단원. Navigation

모자일 애플리케이션은 일반적으로 다양한 화면이 상황에 맞게 전환되어 보입니다. 리액트 네이티브에서는 이러한 역할을 하는 내비게이션(navigation) 기능을 지원하지 않으므로 외부 라이브러

turtle0204.tistory.com

8 장 내비게이션 전체

https://youbing.tistory.com/30

 

8장 내비게이션

리액트 네이티브에서는 내비게이션 기능을 지원하지 않아, 외부 라이브러리를 이용 -> 리액트 내비게이션n(React Navigation) 라이브러리화면 간의 전환을 관리하는 등에 사용. 8.1 리액트 네비게이

youbing.tistory.com

FlatList 무한 스크롤

https://hyunh404.tistory.com/96

 

[ReactNative] FlatList, 무한 스크롤 | 처음 배우는 리액트네이티브 8장

FlatList  대량의 데이터 목록을 효율적으로 렌더링하기 위한 기본 제공 컴포넌트ScrollView와 다르게 렌더링 최적화(Virtualized List)를 지원해 성능이 뛰어나며, 무한 스크롤도 쉽게 구현할 수 있다.ma

hyunh404.tistory.com

 

4주차

9장

https://youbing.tistory.com/38

 

9장 채팅 애플리케이션 - 1 (9.1~9.4)

본 실습 내용은 아래 깃허브에 자세히 작성하였습니다.https://github.com/studyReactNative/chat GitHub - studyReactNative/chatContribute to studyReactNative/chat development by creating an account on GitHub.github.com 목표 기능로

youbing.tistory.com

https://hyunh404.tistory.com/98

 

[ReactNative] 채팅 애플리케이션(Firebase) 2 | 처음 배우는 리액트네이티브 9장

인증 화면  이번에는 파이어베이스 인증 기능을 이용해로그인/회원가입 화면을 만들어 보려 한다.  스택 내비게이션을 활용해 간단하게 로그인, 회원가입 스크린을 만들어주었다.   내비게

hyunh404.tistory.com

https://turtle0204.tistory.com/entry/REACT-NATIVE-%EC%8A%A4%ED%84%B0%EB%94%94-4%EC%A3%BC%EC%B0%A8-9%EC%9E%A5-%EC%B1%84%ED%8C%85-%EC%96%B4%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98

 

REACT NATIVE 스터디. 4주차-9장. 채팅 어플리케이션

이제는 지금까지 공부한 내용을 바탕으로 채팅 어플리케이션을 만들어보겠습니다.  이번 장에서는 채팅을 동작시키기 위한 최소한 의 기능만구현해보겠습니다. • 로그인/회원가입 : 이메일

turtle0204.tistory.com

https://turtle0204.tistory.com/entry/REACT-NATIVE-%EC%8A%A4%ED%84%B0%EB%94%94-4%EC%A3%BC%EC%B0%A8-9%EC%9E%A5-%EC%B1%84%ED%8C%85-%EC%96%B4%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%982-%EB%A9%94%EC%9D%B8%ED%99%94%EB%A9%B4

 

REACT NATIVE 스터디. 4주차-9장. 채팅 어플리케이션2 메인화면

9.5 메인화면대부분의 애플리케이션에서 사용자의 데이터 혹은 서비스의 데이터를 이용하려면 데이터에 접 근할 수 있는 유효한 사용자라는 것을 증명해야 합니다. 인 증 후에는 서비스를 이용

turtle0204.tistory.com