javascript 객체
- 인덱스 값을 통해서 원소를 구별하는 배열과는 다르게 인덱스를 문자로 사용한다.
- key를 통해서 value를 가져올수 있다.
* 객체['key'] = value;
- 파이썬에서 딕셔너리와 같은 기능을 한다.
- 객체를 생성할때는 "{}"를 이용해서 선언하거나 new Object를 이용해서 객체를 생성 할수 있다.
( 객체는 key값을 이용해서 해당 value를 가져올 수 있고 .을 이용해서 객체 안의 key에 접근할 수도 있다 )
( for in 문을 이용하면 배열 안에 있는 key 값을 가져올 수 있고 그 key값을 이용해서 배열 안에 있는 value들을 출력할 수 있다 )
( 객체 안에 함수를 value로 넣어서 해당 key를 호출 하게 되면 함수가 실행 되도록 하는게 가능하다 )
( 객체는 .을 이용해서 해당 key에 접근할 수 있고 함수를 호출 하기 때문에 뒤에 ()를 붙여주게 된다 )
* this는 함수가 소속 되있는 객체를 가르킨다.
( 위에서는 grades 변수를 가르키게 된다 )
javascript 모듈
- 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용 할 수 있다.
- 파일에 있는 코드를 고치게 되면 모든 어플리케이션의 동작이 고쳐진다.
- 코드 수정시 필요한 로직을 빨리 찾을수 있다.
- 모듈을 로드하는 방법은 호스트 환경에 따라서 달라진다.
( 예를 들면 웹 브라우저에서 모듈을 로드하는 방법과 서버에서 모듈을 로드하는 방법은 다르다 )
( javascript.html 이라는 파일에서 현재 파일을 웹 브라우저에서 실행하게 되면 welcome() 함수가 경고창으로 실행 되는데
위에 함수를 정의 하는 부분은 모듈로 만들어서 따로 빼서 필요할때마다 welcome() 함수의 기능을 사용할 수 있다 )
( greeting.js라는 파일에 welcome() 함수의 내용을 옮겨서 모듈로 만든다 )
( welcome() 함수를 사용하기 위해서는 모듈화 된 greeting.js라는 파일을 가져와야 하는데
javascript 웹브라우저에서 모듈 파일을 가져올때는 <script> 태그 안에 src 속성을 이용해서 가져오면 된다 )
javascript 라이브러리
- 모듈과 비슷한 개념으로 로직을 재사용하기 편리하도록 잘 정리한 코드들의 집합을 의미한다.
- jquery와 같은 것들이 라이브러리이다.
( http://jquery.com/ )
javascrip API( Application Programming Interface )
- 프로그램이 동작하는 환경을 제어하기 위해 해당 환경에서 제공되는 조작 장치(코드)
- 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분된다.
- API 문서 참고 사이트
javascript 자체의 API 문서
* https://opentutorials.org/course/50
호스트 환경의 API 문서
웹브라우저 API
* https://developer.mozilla.org/en-US/docs/Web/API
* https://www.w3schools.com/
Node.js API
* https://nodejs.org/api/
Google Apps Script API
* https://developers.google.com/apps-script/
댓글