본문 바로가기
블록체인교육/웹프로그래밍

[JS] 22. API & UI 그리고 프로젝트활용도구

by Danny_Kim 2020. 10. 27.

🔑 코인 투자 추천 링크 🔑

  1. 비트코인, 알트코인 투자 노하우 모두 공개
  2. OKX 거래소 - 20% 수수료 할인
  3. 플립스터 거래소 - USDT 15% 이자
  4. 해시키 거래소 - HSK 에어드랍

자바스크립트 강의 목차

0. 자바스크립트란 무엇인가?

1. Script 태그 (document.write)

2. 자바스크립트 이벤트란 무엇인가?

3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기

4. 데이터 타입 문자열과 숫자

5. 변수와 대입연산자

6. 자바스크립트로 웹브라우저 제어하기

7. 비교연산자, Boolean 데이터타입

8. 자바스크립트 조건문 및 활용법

9. 리팩토링(refactoring)

10. 배열에 대한 이해

11. 반복문에 대하여

12. 배열과 반복문

13. 배열과 반복문의 활용

14. 함수란 무엇이고 왜 필요한가?

15. 함수의 기본사용법, 매개변수, 인자, 리턴

16. 함수의 활용

17. 객체는 왜 필요한가?

18. 객체란 무엇인가?(객체 생성, 추가, 추출방법)

19. 객체의 활용

20. 파일로 쪼개어 관리하기

21. 라이브러리와 프레임워크

22. API & UI 그리고 프로젝트 활용도구

 


 

 

 

UI와 API의 차이점은 무엇일까요?

 

UI는 User Interface의 줄임말이며,

API는 Application Programming Interface의 줄임말입니다.

 

아래와 같은 코드를 작성했습니다.

결과는 아래와 같겠죠.

 

사용자가 시스템을 제어하기 위해서 사용하는 조작장치를 UI라고 합니다.

반면에, 위에 코딩(alert)을 통해서 표현된 경고창을 표시해주는걸 API라고 합니다.

 

우리는 이렇게 제공되는 API를 통해서 많은 프로젝트를 빠르고 쉽게 실행할 수 있습니다.

프로젝트를 실행하면서 부딪혔을때, 해결할 수 있는 방법에 대해서 간략히 정리합니다.

 

 

1. document

 웹페이지에 있는 어떤 태그를 삭제하고 싶거나, 자식태그를 추가하고 싶을때

 필요한 메소드가 이 document안에 포함되어 있을 수 있음

 

2. DOM(Document Object Model)

 document 로 찾을 수 없을때, DOM으로 확장하여 검색

 

3. window

 웹페이지가 아닌 웹브라우저 자체를 제어해야 할때

 예를들어, 현재 열려 있는 웹페이지의 주소를 알아야 할때

              새 창을 열어야 할때

              웹브라우저의 화면크기를 자바스크립트를 통해서 알아야 할때

 

4. ajax

 웹페이지를 리로드하지 않고 정보를 변경하고 싶을때

 현대적인 웹/앱을 만들때 필수적인 테크닉임.

 

5. cookie

 웹페이지가 리로드 되어도 현재상태를 유지하고 싶을때

 사용자를 위한 개인화된 서비스를 제공해줄 수 있음

 

6. offiline web application

 인터넷이 끊겨도 동작하는 웹페이지를 만들고 싶을때

 

7. webRTC

 화상통신 웹, 앱을 만들고 싶을때

 

8. speech

 사용자의 음성을 인식하고, 음성으로 정보를 전달하고 싶을때

 

9. webGL

 3차원 그래픽으로 게임과 같은 그래픽을 만들고 싶을때

 

10. webVR

 가상현실에 관련된  웹페이지를 만들고 싶을때

 

 

이렇게 자바스크립트의 기본문법과 활용법에 대한 강의를 마칩니다.

모두 수고하셨습니다!!!!

 

 

본 강의는 아래 생활코딩 강의안을 바탕으로 재작성하였습니다.

opentutorials.org/course/3085/18887

 

🔑 코인 투자 추천 링크 🔑

  1. 비트코인, 알트코인 투자 노하우 모두 공개
  2. OKX 거래소 - 20% 수수료 할인
  3. 플립스터 거래소 - USDT 15% 이자
  4. 해시키 거래소 - HSK 에어드랍

댓글