[내일배움단] 앱개발 종합반 - 1주차 - 오늘 배울 것

[수업 목표]

1. 앱의 기본적인 동작 구조를 공부한다.
2. 하이브리드 앱과 React Native에 대해 간략히 살펴본다.
3. Javascript 기초 문법을 익힌다.
4. 앱 개발에 자주 쓰이는 Javascript 내용을 연습한다.

[목차]

01. 오늘 배울 것

02. 필수 프로그램 설치

03. Javascript 기초 문법 - 1

04. Javascript 기초 문법 - 2

05. Javascript 기초 연습해보기

06. 앱 개발에 자주 쓰이는 Javascript

07. 1주차 끝 & 숙제설명

HW. 1주차 숙제 해설

 

01. 오늘 배울 것

• 앱 서비스의 기본 동작 구조
  • 클라이언트와 서버
  • 앱 서비스를 만든다는 건, 클라이언트와 서버 모두 만들어야 한다는 것을 뜻합니다. 앞으로 우린 이 둘을 모두 직접 만들어 앱 서비스를 완성해 나갑니다.
  • 클라이언트는 사용자가 보는 화면입니다. 웹 사이트로 따지면 크롬 브라우저나 사파리, 익스플로러가 해당되겠고 앱으로 따지면 여러분들 휴대폰에 많이 존재하는 어플, 즉 앱 자체가 해당됩니다.
  • 서버는 여러분들이 원하는 데이터가 있는 곳이고, 원하는 데이터를 요청하면 이에 응답해주는 곳이기도 합니다.
  • 앱, 즉 클라이언트에서 원하는 데이터가 있을 때마다 서버에 요청하고, 응답 데이터를 받아 사용자에게 보여줍니다.
  • 이는 비단 앱 서비스 뿐만 아니라, 웹 사이트 만들때도 일맥상통합니다.
  • 그렇다면 우린 사용자들이 보는 앱 화면을 만들고 필요한 데이터를 요청할 수 있는 서버를 만들면 되겠네요? 간단합니다!
• 앱과 리액트 네이티브
  • 앱을 만들려면?
  • 앱 개발이라고 하면 단연 "안드로이드" 와 "iOS(아이폰)" 두 가지가 떠오를 겁니다.
  • 안드로이드는 Java&Kotlin이라는 기술로 개발이 가능하고, iOS는 Swift라는 기술로 개발이 가능합니다.
  • 각기 다른 개발 기술 언어가 필요한 이유는, 안드로이드와 iOS가 실행되기 위한 OS,즉 환경이 다르기 때문인데요! 그래서 보통 회사에서 안드로이드와 iOS 개발자를 각각 뽑는 모습을 볼 수 있습니다.
  • 그런데 Java&Kotlin 또는 Swift 언어는 다소 높은 러닝커브가 존재하며, 심지어 이 중 하나를 공부했다고 하더라도 우리는 안드로이드 또는 iOS 앱 중 "하나"만! 개발이 가능한 겁니다.
  • 그렇다면 앱개발에는 이 두 가지를 배워야 하는 것 말고는 존재하지 않을까요?
  • 앱 개발 종류!
  • 안드로이드, iOS 각각 개발 하는 건 네이티브 앱!
    웹 사이트를 만들고 껍데기를 씌워 간단히 배포하는 건 하이브리드 앱!
  • 그리고 우리가 배우려고 하는 "크로스 플랫폼 앱"! 개발이 존재합니다.
  • 크로스 플랫폼 앱 개발은 네이티브 앱과 하이브리드 앱 개발의 장점들을 모아놨습니다.
  • 리액트 네이티브(React Native)
  • 크로스 플랫폼 앱 개발 언어 중 하나입니다!
  • 페이스북에서 만들고 지원하고 있으며, 사용자 인터페이스(UI)를 만드는 데에 특화되어 있는 리액트(React.js) 라이브러리/프레임워크 기반으로 앱을 제작하는 기술입니다.
  • 리액트(React.js) 라이브러리/프레임워크를 기반으로 다루는 기술인 만큼, "자바스크립트"로 개발 가능 합니다. (js = javascript 줄임말)
  • 리액트 기반의 앱 개발 기술인 만큼 형성되어 있는 커뮤니티가 상당합니다.
  • 즉, 많은 사람들이 이미 다양한 경험을 거쳐서 리액트 네이티브를 사용해 많은 앱을 만들었다는 뜻입니다. 믿고 안심해도 됩니다!
• 1~5주차 배울 순서
  • 1주차: 자바스크립트
    • 앱을 만들 때 알고 있어야 하는 자바스크립트 기초 체력을 다집니다!
  • 2주차: 리액트 네이티브와 Expo 기본 사용 방법 및 필수 리액트 지식
    • 리액트 네이티브와 Expo 기본기를 배웁니다. 앱 화면을 구성하는 JSX 문법도 배우며 앱 화면을 그릴 수 있게되고, 1주차때 배웠던 자바스크립트 문법을 앱 코드상에서 직접 적용해봅니다!
  • 3주차: 리액트 네이티브와 Expo의 유용한 기능들
    • 2주차에 화면을 그리고 리액트 기본 지식들을 배워 익숙해졌다면! 이젠 정말 앱다운 앱을 위한 기술들을 배울 차례입니다.
    • 그전에 리액트 네이티브! 앱을 만들기 위해 필요한 최소한의 리액트 지식을 공부합니다.
    • 그런 다음 앱이라면 보통 가지고 있는, 앱 내의 페이지, 상태바, 외부링크, 공유등 유용한 앱 기능을 여러분 앱에 적용해봅니다.
  • 4주차: 파이어베이스
    • 앱 서비스에 필요한 데이터를 저장하고 꺼낼 수 있는 서버를 구축합니다.
  • 5주차: 구글 광고 붙이기 + 배포
    • 마지막 5주차엔 여러분이 만든 앱에 광고를 붙이고!
      마켓에 배포까지 완료합니다!
• 만들 앱 살펴보기