1.4~2.0강

1. INTRODUCTION

1.4 Why JS_1

JS가 인기있는 이유

1995년 12월에 넷스케이프를 더 동적으로 작동하게 하기 위해 10일만에 만들어진 언어
* 넷스케이프: 당시의 HTML & CSS로만 이루어진 브라우저

• 세계의 모든 컴퓨터에 있기 때문에 이 언어가 사라질 일이 없음.

• 모든 브라우저에 내장되어 있기 때문에 python 이나 다른 언어와 달리 따로 설치할 필요 없음.

  • 사용자들에게 '이 웹사이트를 사용하기 위해서 JS를 설치해주세요' 할 필요가 없음

• 프론트엔드에 쓸 수 있는 유일한 프로그래밍 언어

  • 백앤드와 다르게 다른초이스가 없다.

• 웹사이트 뿐만 아니라 안드로이드와 IOS앱을 만드는 방법도 이해하게 됨

  
  

  ---

  
  

1.5 Why JS_2

JS로 가능한 것들

• three.js라이브러리를 통해 3D를 구현가능함.

  • 데이터 시각화 / 비디오게임 제작 / 모델링 등등

• 리액드 네이티브와 같은 프레임워크를 통해 더욱 심화된 기능을 사용할 수 있음

  • 프레임워크 : 언어를 더 쉽고 빠르게 만들 수 있게 하기위해 제공되는 컴파일러, 편집기, 라이브러리 등의 집합체

• 일렉트론을 이용해 데스크탑앱을 만들 수 있음

  • 데스크탑앱 : 사람들이 다운로드하고 설치해서 사용하는 프로그램. 페북메신저, 트위치, 슬랙 등등

• socket.io를 이용해 채팅/실시간 기능들을 구현할 수 있음

• ml5.js를 이용해 머신러닝 모델을 생성하는 웹사이트를 구축해서 그 모델을 훈련시킬 수 있음
  - 사진 인식 / 그림 따라 그리기 / 분류작업 / 동작인식 등등

• 웹사이트 / 안드로이드 / IOS앱 까지 모두 만들 수 있음

• 백엔드까지 JS사용가능

  
  

  ---

  
  

1.6 Online IDE

VS code설치가 안될때

• replit 이용하면됨

  • replit.com
  • 계정만들고 로그인 후 사용
  • 거의 현존하는 모든언어들로 프로그래밍 가능
  
  

  ---

  
  

2. WELCOME TO JAVASCRIPT

2.0 Your First JS Project

JS 다루기

• 브라우저의 console 사용
  • 이미 설치되있기 때문에 따로 설치할 필요 없음
  • 브라우저에서 검사(inspect) -> Console클릭
  • 원하는 것을 테스트해보고 싶을때 사용
  • 긴코드를 쓸때 유용하지는 않음.
• VS code 사용 (IDE)
  • 원하는 파일명.js 와 파일명.html 생성
  • HTML파일은 브라우저와 JS 파일의 접착제역할을 하기때문에 꼭 만들어야함
  • html에서 script태그로 JS 파일을 연결 시켜준다.
    

---

(Quiz) 다맞음 오예