개발일지01. 자바스크립트는 웹 요소를 움직이는 데에만 사용한다? 응 아니야❤

프로그래밍의 시작은 언제나 Hello World!를 출력해보는 것으로 시작한다.

console.log('Hello World!')

웹개발을 듣기 전부터 하나의 웹페이지를 만들 때 주로 사용되는 세 요소가 

• html (웹페이지의 기본뼈대)
• css (웹페이지의 꾸밈담당)
• js (웹페이지의 동적요소 담당)

이렇게 세가지라는 것은 알고 있었지만, 파이썬에서 장고가 풀 스택 웹사이트 개발을 지원하듯이, 자바에도 node.js와 React와 같은 강력한 라이브러리들이 생김으로써 이전에 자바가 가지고 있던 영역보다 훨씬 넓은 스펙트럼을 가지게 된 것으로 보인다.

그래서 예전에 배워두고 파이썬 뒤로 잠시 제쳐뒀던 자바스크립트에 대한 기존 지식을 끌어올리고, 앱 개발을 할 수 있는 기본 토대를 다시 다져보도록 했다. 지금 듣고 있는 앱개발 과정은 프로그램의 성격상 디테일하게 파고들면 수강생들이 초반부터 지칠 수 있을 것으로 판단해 핵심적인 자료형과 함수의 이용법, 그리고 ES6에서 도입된 다양한 축약형 문법을 소개해주셨다. 일단은 5주간의 강의 계획을 여기에 정리해둔다. 진도사우르스에 잡아먹히지 않도록 조심!!

 

아직도 코딩 안배웠어?

 

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

참고로 올려두는 다양한 웹서비스(에어비앤비... 구글 등)에서 내부적인 코딩 가이드라인을 구성한 것을 링크해둔다!!

파이썬에서 PEP8을 지켜야 좋은 개발자가 될 수 있듯이, 보기좋은 떡이 먹기도 좋다는 것은 인지상정..!

w3schools.com의 자바스크립트 가이드

JavaScript Style Guide

Google.com의 자바스크립트 가이드

Google JavaScript Style Guide

Airbnb의 자바스크립트 가이드

parksb/javascript-style-guide

Standard Javascript의 자바스크립트 가이드

JavaScript Standard Style