[TIL-35] 노마드코더 크롬앱(JS) 클론코딩 #1.0~#1.6

#1 INTRODUCTION

• 모멘텀 앱 클론코딩
  • 로그인 : 사용자 누구인지 기억함.
  • 시계
  • Geolocation : 내 위치 및 날씨
  • 랜덤 배경사진
  • 랜덤 명언
  • to-do 리스트
• 준비물
  • VSC, 크로미움 브라우저

 

• 왜 JS냐!
  • 역사 : 95년에 만들어짐. 열흘만에 만들었다고(ㄷㄷ). 넷스케이프 때문에. 훌륭한 네비게이터. 넷스케이프라는 브라우저에는 HTML, CSS뿐이라 인터랙티브가 없었음. 그래서 만들어짐. 근데 인터넷붐! 아예 새로운 프로그래밍 언어를 사용하면 웹사이트들이 망가질 거라 있던 JS 계속 쓰기로 함. 고치고, 패치해서 계속 쓰게 됨.
  • 프론트엔드의 유일한 프로그래밍 언어! 앞으로도 항상 JS를 쓸 것임. 모든 컴퓨터에 JS가 내장되어있음. 브라우저에 따로 다운받을 필요 없음. 하지만 그래서 무조건 JS를 배워야 함. 다른 대안은 없음. 대체불가!

 

• JS로 할 수 있는 것
  • three.js : JS로 3D 구현하게 해주는 라이브러리. 데이터 시각화, 비디오 게임 등.
  • 자바스크립트 깊게 배우려면 프레임워크로!
    • 리액트 네이티브 : 앱 만들 수 있게 해줌.
    • 일렉트론 : JS로 데스크탑 앱 만들 수 있게 해줌.  VSC, 슬랙 같은 프로그램들.
  • 백엔드도 할 수 있음.
    • 원래는 웹사이트 만든 후 백엔드에는 C#, 자바, 파이썬 등 써야 했음. 그럼 프로그램, 코드 바꾸기 번거로워짐.
    • JS로 백엔드까지 다할 수 있음! Wetube 강의가 JS로 백엔드 가진 웹사이트 만드는 법.
  • 3D를 하려면 무조건 JS!
    • socket.io : 카지노, 도박 사이트 등..???
  • 머신러닝 모델 훈련 가능
    • ml5.js

 

• VSC 깔 수 없는 경우 : 아이패드도?!
  • Repl.it : 대부분의 언어로 프로그래밍 가능.
    • 새 프로젝트 시작하기 : 오른쪽 상단의 + 버튼

 

---

# 자율학습

• 코코아톡 보충
  • friends 페이지 : 프사 클릭 시 profile 페이지로 이동
  • profile 페이지
    • find.html 복붙.
    • 상단바만 그대로 살림.
    • screen-header 이용해서 왼쪽 상단에 닫기 버튼.
      • 클릭 시 friends 페이지로 돌아감.

• •