스파르타코딩클럽- 앱개발종합반 시작-!

스파르타코딩클럽- 앱개발종합반 시작-!

[1주차 수업 목표]

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

• 안드로이드, iOS 각각 개발 하는 건 **네이티브 앱**!
  웹 사이트를 만들고 껍데기를 씌워 간단히 배포하는 건 **하이브리드 앱**!
  
  그리고 스파르타에서 배우려고 하는 "**크로스 플랫폼 앱**"! 개발이 존재합니다.
  
  크로스 플랫폼 앱 개발은 네이티브 앱과 하이브리드 앱 개발의 장점들을 모아놨습니다.

 

• 크로스 플랫폼 앱 개발 언어 중 하나인 리액트 네이티브(React Native)를 사용 할 것 같당.
  • 페이스북에서 만들고 지원하고 있으며, 사용자 인터페이스(UI)를 만드는 데에 특화되어 있는
    리액트(React.js) 라이브러리/프레임워크 기반으로 앱을 제작하는 기술
  • 리액트(React.js) 라이브러리/프레임워크를 기반으로 다루는 기술인 만큼, "자바스크립트"로 개발 가능 !

---

앱개발 종합반에서는 아래와 같이 배울 예정쓰 

- 1주차: 자바스크립트
    
    앱을 만들 때 알고 있어야 하는 자바스크립트 기초 체력을 다집니다!
    
- 2주차: 리액트 네이티브와 Expo 기본 사용 방법 및 필수 리액트 지식
    
    리액트 네이티브와 Expo 기본기를 배웁니다. 
    앱 화면을 구성하는 JSX 문법도 배우며 앱 화면을 그릴 수 있게되고,
    1주차때 배웠던 자바스크립트 문법을 앱 코드상에서 직접 적용해봅니다!
    
- 3주차: 리액트 네이티브와 Expo의 유용한 기능들
    
    2주차에 화면을 그리고 리액트 기본 지식들을 배워 익숙해졌다면! 이젠 정말 앱다운 앱을 위한 기술들을 배울 차례입니다. 
    
    그전에 리액트 네이티브! 앱을 만들기 위해 필요한 최소한의 리액트 지식을 공부합니다. 
    
    그런 다음 앱이라면 보통 가지고 있는, 앱 내의 페이지, 상태바, 외부링크, 공유등 유용한 앱 기능을 여러분 앱에 적용해봅니다.
    
- 4주차: 파이어베이스
    
    앱 서비스에 필요한 데이터를 저장하고 꺼낼 수 있는 서버를 구축합니다
    
- 5주차: 구글 광고 붙이기 + 배포
    
    마지막 5주차엔 여러분이 만든 앱에 광고를 붙이고!
    마켓에 배포까지 완료합니다!
    

 

---

01. Javascript 맛보기

• 1. 자바스크립트란?
  • 1. 자바스크립트에 대하여
    보통 자바스크립트는 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어입니다.
    • 자바스크립트를 이용해 사이트 내의 팝업을 띄울 수 있으며
    • 마감까지 얼마 남았는지 카운팅이 되는 모습도 작성할 수 있습니다
    
    
    
    • 자바스크립트로 어떤 것들을 할 수 있을까?
      • 이제는 자바스크립트로 앱도 만들 수 있습니다.
        (우리가 배울 리액트 네이티브가 자바스크립트를 기반으로 하기 때문이죠!!)
      • 따라서 자바스크립트를 배워 놓으면 웹도 만들고 앱도 만들 수 있습니다.
    • 자바스크립트 공부 준비!
      • 자바스크립트 공부 할 땐! 우리에겐 크롬 브라우저만 있으면 충분합니다.
      • 윈도우는 : F12 맥은 : alt(option) + command + i 를 눌러서 개발자 콘솔을 열어주세요!
      • 이번 시간에 우리는 이 콘솔 창에 코드를 작성하며 공부를 진행해볼게요! 🙂
        
        console.log(변수) 는 콘솔 창에 괄호 안의 값을 출력해줍니다.
        개발자가 결과값을 보기 편하도록!
        
        console.log(변수1,변수2) 로 여러 변수를 한번에 출력할 수도 있어요.
        ' console.log("Hello World!"); ' <- 복사해서 콘솔 창에 붙여 넣어보세요.

 

• 내일은 꼭 1주차 완강해야지...