상세 커리큘럼

69강 8시간 26분

전체열기

0주

수업을 듣기 위한 사전 준비하기

3강 8분

1

더 유익한 수강을 위한 스파르타 수강환경 사용법을 알 수 있습니다.

2

즉문즉답이 진행되는 슬랙(Slack)을 함께 설치하고, 사용법을 익혀봅니다.

1

수강환경 튜토리얼

2

슬랙&즉문즉답 튜토리얼

3

개발일지 튜토리얼

숙제 : 0주차 사전 과제

1주

Expo 개발 준비 및 리액트 복습하기

15강 2시간 1분

1

Expo로 개발할 때, 미리 설정해두면 좋은 도구들을 세팅하고, Expo 명령어로 프로젝트 생성 및 준비합니다.

2

화면을 그리는 기술인 JSX 문법과 StyleSheet에 대한 내용을 리뷰해보면서 자주 실수하는 부분과 유용하게 쓰이는 기술들을 배워봅니다.

3

리액트 네이티브 앱을 만들기 위해서 알아야 하는 최소한의 리액트 개념을 배웁니다.

1

오늘 배울 내용

2

필수 프로그램 설치 안내

3

[Expo 개발 준비] Expo 개발 개념 간단 정리!

4

[Expo 개발 준비] Expo 개발 전, nvm으로 Node 버전 관리하기

5

[Expo 개발 준비] Expo 프로젝트 생성 & Expo 명령어 리뷰

6

[Expo 개발 준비] 코드 스타일을 정하고 시작하자, Prettier

7

[앱 화면 만들기] JSX 기본 원칙 5 가지

8

[앱 화면 만들기] JSX 주요 태그와 속성 살펴보기

9

[앱 화면 만들기] JSX 주요 태그와 속성 살펴보기

10

[앱 화면 만들기] 태그에 옷을 입히는 옷장, StyleSheet

11

[앱 화면 만들기] 화면에 구역을 나누는 Flex

12

[리액트 기초 복습&활용] 컴포넌트에 대한 이해와 props(속성) 활용

13

[리액트 기초 복습&활용] data.json과 useState

14

[리액트 기초 복습&활용] 자세히 알아보는 useEffect

15

1주차 끝 & 숙제 설명

숙제 : 카운트 상태값을 관리하는 컴포넌트 연습하기

2주

프로젝트 골격 만들고 다양한 기능 적용하기

15강 1시간 50분

1

앞으로 만들어 나갈 서비스에 필요한 페이지들과 폴더들을 미리 준비합니다. 특히 앱을 더 효율적으로 사용하기 위해 탭 네비게이터 기능을 적용하고, 각 탭의 버튼을 자유자재로 구성하는 방법을 배워봅니다.

2

Native Base란 도구를 사용해서 앱을 쉽고 빠르게 꾸미는 방법에 대해 알아봅니다.

3

앱에 움직이는 그림, 즉 애니메이션 효과를 적용하는 방법에 대해 살펴봅니다.

1

2주차 오늘 배울 것

2

[프로젝트 골격 만들기] wegram 프로젝트 필요 페이지&폴더 구성

3

[프로젝트 골격 만들기] wegram 프로젝트에 네비게이터 적용

4

[프로젝트 골격 만들기] wegram 프로젝트에 스택 네비게이터 적용

5

[프로젝트 골격 만들기] navigate 함수와 route.param

6

[탭 네비게이터 다루기] 탭 네비게이터 적용

7

[탭 네비게이터 다루기] 탭 네비게이터 활용

8

[NativeBase&컴포넌트] NativeBase 소개&설치

9

[NativeBase&컴포넌트] NativeBase 기본

10

[NativeBase&컴포넌트] 로그인 페이지 만들기

11

[NativeBase&컴포넌트] 회원가입 페이지 만들기

12

[NativeBase&컴포넌트] 메인 페이지 만들기: 헤더,카드

13

[NativeBase&컴포넌트] 메인 페이지 만들기: 완성

14

[애니메이션] 움직이는 배너 만들기

15

2주차 끝 & 숙제 설명

숙제 : 마이페이지와 디테일페이지 구현해보기

3주

파이어베이스를 통한 로그인 기능 구현하기

12강 1시간 24분

1

회원 정보를 파이어베이스의 서비스 중 하나인 파이어스토어에 저장합니다.

2

파이어스토어에 저장한 회원 정보를 이용하여, 제공되는 파이어베이스 API를 사용하여 로그인을 구현합니다.

1

3주차 오늘 배울 것

2

[상태관리 활용] Input 태그로 사용자 데이터 받기

3

[상태관리 활용] 부적절한 사용자 정보 알려주기

4

[파이어베이스] 파이어베이스를 이용한 로그인/회원가입

5

[파이어베이스] 파이어베이스 프로젝트 생성

6

[파이어베이스] 앱에 파이어베이스 설정

7

[회원가입] 파이어베이스 회원가입 준비

8

[회원가입] 파이어베이스 회원가입: Authenication

9

[회원가입] 파이어베이스 회원가입: Cloud Firestore

10

[로그인] 파이어베이스&로그인 구현

11

[로그인] 로그인/회원가입을 더 자연스럽게

12

3주차 끝 & 숙제 설명

숙제 : 로그아웃 기능 구현하고, 로딩화면 완성하기

4주

Cloud Firestore를 이용해 데이터 관리하기

12강 1시간 18분

1

앱이 꺼져도 데이터를 보존하는 방법을 배워봅니다.

2

사용자들이 작성한 글을 Cloud Firestore에 작성하는 방법을 배워봅니다.

3

Cloud Firestore에 텍스트 데이터 뿐만 아니라 이미지 파일을 어떻게 업로드 하고 관리할 수 있는지 알아봅니다.

4

Cloud Firestore에 저장된 데이터를 가져오는 방법에 대해 살펴봅니다.

1

4주차 오늘 배울 것

2

[데이터 영구관리] 앱이 꺼져도 데이터 보존하는 방법

3

[글작성] 글 작성 페이지 준비

4

[글작성] AddPage에서 글작성 후 업로드하기

5

[이미지업로드] 파이어베이스 storage 설정

6

[이미지업로드] AddPage에서 이미지 업로드: 사진 준비

7

[이미지업로드] AddPage에서 이미지 업로드: 미리보기

8

[이미지업로드] AddPage에서 이미지 업로드: 미리보기

9

[이미지업로드] 글작성과 함께 이미지 동시 업로드

10

[이미지업로드] 글 작성 기다림의 미학: 로딩화면

11

[글 가져오기] 닉네임 저장&이미지 크기 줄이기

12

4주차 끝 & 숙제 설명

숙제 : 파이어베이스 함수를 이용해 디테일 페이지 채우기

5주

다양한 앱 심화 기능 구현하기

12강 1시간 41분

1

게시글 무한 스크롤 기능을 적용하는 방법을 배워봅니다.

2

댓글 및 좋아요 기능을 적용하는 방법을 배워봅니다.

1

5주차 오늘 배울 것

2

[FlatList] 무한 스크롤 적용 게시글 불러오기: 일정 개수 불러오기

3

[FlatList] 무한 스크롤 적용 게시글 불러오기: FlatList

4

[FlatList] 무한 스크롤 적용 게시글 불러오기: 데이터 연결

5

[댓글 구현] 댓글을 위한 데이터베이스 구상

6

[댓글 구현] 댓글 기능 적용 01 - 댓글 저장

7

[댓글 구현] 댓글 기능 적용 02 - 댓글 상태 관리

8

[좋아요 구현] 좋아요 기능을 위한 데이터베이스 구상

9

[좋아요 구현] 좋아요 기능 적용 01 - 데이터 베이스 저장

10

[좋아요 구현] 좋아요 기능 적용 02 - 좋아요 매칭과 해제

11

[프롤로그] 리액트 네이티브 앱 개발을 더 잘하고 싶다면!

12

5주차 끝 & 숙제 설명

숙제 : 마이페이지 완성하고, 앱 배포하기