상세 커리큘럼

70강 10시간 22분

전체열기

0주

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

3강 8분

1

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

2

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

1

수강환경 튜토리얼

2

슬랙&즉문즉답 튜토리얼

3

개발일지 튜토리얼

숙제 : 0주차 사전 과제

1주

앱개발 전반적인 이해와 자바스크립트 기본기 다지기

12강 2시간 9분

1

앱과 서버의 동작 방식과 앞으로 배울 내용들을 살펴봅니다.

2

앱 개발에 필요한 필수 자바스크립트 기본기를 다집니다.

3

앱 개발에서 자주 쓰이는 자바스크립트를 배웁니다.

4

API에 대해 배우고 자바스크립트단에서 데이터를 다루는 형식인 JSON에 대해 다룹니다.

5

앱개발 관련 공식문서 보는 방법과 적용하는 방법을 익혀봅니다.

1

1주차 오늘 배울 것

2

필수 프로그램 설치 안내

3

Javascript 맛보기

4

Javascript 기초 문법 - 1

5

Javascript 기초 문법 - 2

6

Javascript 기초 문법 - 3

7

Javascript 기초 문법 - 4

8

Javascript 기초 연습해보기

9

앱개발에 자주 쓰이는 Javascript - 1

10

앱개발에 자주 쓰이는 Javascript - 2

11

앱개발에 자주 쓰이는 Javascript - 3

12

1주차 끝&숙제설명

숙제 : 자바스크립트 연습문제 풀기

2주

리액트 네이티브와 Expo 기초

15강 2시간 50분

1

앱을 쉽게 만들 수 있는 리액트 네이티브&Expo 개념에 대해 살펴봅니다.

2

앱을 개발할 때 필요한 라이브러리들을 설치&관리해주는 Node/NPM에 대해 배우고 직접 다뤄봅니다.

3

첫번째 Expo 앱을 명령어를 통해 간단히 생성해보고 휴대폰에서 확인해봅니다.

4

앱 화면을 그리는 기술인 JSX에 대해 배우며 앱 화면을 간단히 기획하고 직접 만들어봅니다.

5

리액트 네이티브로 앱을 만들때 꼭 알고 있어야 하는 컴포넌트 및 상태관리 등, 리액트 기본을 배웁니다.

1

2주차 오늘 배울 것

2

[앱 개발 준비] 리액트 네이티브&Expo 소개

3

[앱 개발 준비] 리액트 네이티브 & Expo 설치하기

4

[앱 개발 준비] Expo 실행하기

5

[앱 화면 만들기] JSX 문법

6

[앱 화면 만들기] JSX 기본 문법

7

[앱 화면 만들기] View, Text, ScrollView

8

[앱 화면 만들기] Button, Image

9

[앱 화면 만들기] 구성한 화면 꾸미기, Styles

10

[앱 화면 만들기] 컨텐츠의 위치: Flex

11

[앱 화면 만들기] 메인화면 꾸미기

12

[앱 화면 만들기] 메인화면 완성

13

[앱&자바스크립트] 모듈과 반복문

14

[앱&자바스크립트] {} 표현식과 조건문

15

2주차 끝&숙제 설명

숙제 : 나만의꿀팁앱 About 페이지 만들기

3주

리액트 네이티브와 Expo 심화! 앱다운 앱기능 넣기

16강 2시간 7분

1

리액트 네이티브에서 자주 사용되는 자바스크립트 문법을 연습하며 복습합니다.

2

앱이라면 보통 가지고 있는 상태바 관리, 공유기능, 외부 링크 열기 기능들을 배워봅니다.

3

이 밖에 기타 유용하고 재밌는 기능들을 소개하고 적용해봅니다.

4

react-navigation 라이브러리를 이용하여 앱 안에서 추가 화면, 즉 페이지를 생성해봅니다.

1

3주차 오늘 배울 것

2

[복습] 나만의 꿀팁 앱 상세 화면 만들어보기

3

[함께해보기] 나만의 꿀팁 앱 상세 화면

4

[앱 필수 기초지식01] 컴포넌트

5

[앱 필수 기초지식02] 속성(Props)

6

[앱 필수 기초지식03] 상태(useState)와 useEffect

7

[앱 필수 기초지식 응용] 컴포넌트와 상태를 이용한 로딩화면

8

[앱 필수 기초지식 응용] state를 이용한 카테고리 기능 넣기

9

[Expo 앱다운 앱기능] 앱 상태 바(Status Bar) 관리

10

[앱 페이지 적용] 네비게이터란?

11

[앱 페이지 적용] 설치 - 스택네비게이션 01

12

[앱 페이지 적용] 페이지 헤더 스타일 수정 - 스택네비게이션 02

13

[앱 페이지 적용] 페이지 이동하기 - 스택 네비게이션 03

14

[Expo 앱다운 앱기능02] 페이지 내용 공유하기

15

[Expo 앱다운 앱기능02] 외부 링크 클릭 이벤트!

16

3주차 끝 & 숙제 설명

숙제 : 꿀팁앱 찜 페이지 만들기

4주

파이어베이스 서버 다루기

13강 1시간 41분

1

서버와 서버리스에 대한 개념을 학습합니다.

2

파이어베이스 프로젝트 생성 및 앱 내에서의 설정을 실습합니다.

3

앱안에서만 다루던 json 데이터들을 파이어베이스에 업로드해서 가져와 사용해봅니다.

4

특정 데이터만 가져오는 연습도 해보고, 데이터를 앱에서 저장 하고 수정해봅니다.

5

앱안에서 서버를 자유자재로 적용하고 사용할 수 있게 됩니다.

1

4주차 오늘 배울 것

2

[앱과 서버] 우리 앱에서의 서버

3

[앱과 서버]날씨 서버 외부 API - 휴대폰 위치 가져오기

4

[앱과 서버] 날씨 서버 외부 API - API 적용

5

[서버 리스] 서버를 사용만 하자! 서버리스(serverless)

6

[파이어베이스] 파이어베이스(firebase) 소개

7

[파이어베이스] 파이어베이스를 앱에 연결하기

8

[파이어베이스] 파일 스토리지(storage)

9

[파이어베이스] 리얼타임 데이터베이스 - 설정

10

[파이어베이스] 리얼타임 데이터베이스 - 전체 데이터 읽기

11

[파이어베이스] 리얼타임 데이터베이스 - 특정 데이터 읽기

12

[파이어베이스] 리얼타임 데이터베이스 - 쓰기

13

4주차 끝 & 숙제 설명

숙제 : 꿀팁앱에 Firebase 적용하기

5주

광고를 달고 앱을 최종적으로 배포해보기!

11강 1시간 24분

1

앱으로 수익을 낼 수 있는 방법에 대해 살펴봅니다.

2

앱에서 수익을 낼 수 있는 가장 쉬운 방법중 하나인 구글 애드몹 사용법을 익히고 적용합니다.

3

가로배너와 전면배너까지, 일반적으로 자주 봤었던 배너 광고를 여러분 앱에 설치합니다.

4

Expo의 전체적인 배포 방식과 개념에 대해 차근차근 알아봅니다.

5

수익성까지 갖춘 앱을 최종적으로 안드로이드 앱 마켓에 함께 배포해봅니다.

1

5주차 오늘 배울 것

2

[수익형 앱]앱에서 수익을 내는 방법

3

[구글광고] 애드몹(AdMob) - 설정

4

[구글광고] 애드몹(AdMob) - 가로 배너 생성

5

[구글광고] 애드몹(AdMob) - 전면 배너 생성

6

[배포하기]배포를 위한 체크리스트

7

[배포하기] 스플래시 스크린

8

[배포하기] 로고 준비

9

[배포하기] 배포 준비 : 최종 앱 파일 생성 및 개발자 가입

10

[배포하기] 안드로이드 & iOS(자료참고) 배포

11

[마무리]끝 & 작품 제출하기

숙제 : 최종적으로 배포된 앱의 마켓 url을 공유합니다.