javascript15 WEB2 - JavaScript 36 (UI vs API) UI vs API UI ( User Interface ) : 사용자가 시스템을 제어하기 위해서 사용하는 조작 장치 ( 구글링: UI는 사용자가 제품/서비스를 사용할 때, 마주하게 되는 면입니다. 즉, 사용자가 제품/서비스와 상호작용할 수 있도록 만들어진 매개체인 것이지요. 따라서 UI 디자인은 폰트, 칼라, 레이아웃과 같이 사용자가 마주하게 될 시각적인 디자인을 말합니다. ) API ( Application Programming Interface ) : 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작 장치 ( 구글링: API는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. ) 위 코드에서는 웹에서 버튼, 조작장.. 2021. 10. 5. WEB2 - JavaScript 35 (library VS framework) 라이브러리와 프레임워크 library & framework 공통적으로 협력하는 모델이다. 그러나 라이브러리(library)는 내가 만들고자하는 프로그램에 필요한 부품이 되는 소프트웨어를 잘 정리정돈해놓은, 재사용하기 쉽도록 되어 있는 소프트웨어이다. (내가 만들고 있는 프로그램에 사용할 부품을 가져오는 느낌) 프레임워크(framework)는 만들고자 하는 것이 있을때 만들고자 하는 것이 무엇이냐에 따라 (예들 들면 게임이냐, 웹이냐, 채팅이냐) 그것을 만들려고 할 때 필요한 공통적인 것, 공통적인 부분을 프레임워크라고 하고 만들고자하는 것의 기능에 따라, 또는 개성에 따라 달라지는 부분만 살짝 살짝 수정하는 것에 따라 만들 수 있는 반제품과 같은 것. 라이브러리(library)는 소프트웨어를 만드는 내가.. 2021. 10. 2. WEB2 - JavaScript 34 (파일로 쪼개서 정리 정돈하기) 파일로 쪼개서 정리 정돈하기 함수와 객체보다 더 큰 정리 정돈의 도구. 서로 연관된 코드들을 파일로 묶어서 그룹핑하는 것. 3.html 에서 만들었던 주간·야간모드 버튼을 1.html 과 2.html , index.html 에도 넣자. 먼저 태그를 각각 넣고 실행해보면 버튼은 생겼지만 작동하지 않는 것을 볼 수 있다. 왜 작동하지 않을까? JS 를 가지고 오지 않았기 때문이다. 만약 가지고 있는 웹페이지가 1억 개라면? 배포하는 것도 어렵겠지만 지금까지 코딩했던 야간모드에서 링크의 색깔을 'mediumspringgreen' 을 'orange' 로 바꾸고 싶다면? 이러한 상황에서 파일로 쪼개는 방법을 사용하면 된다. colors.js 파일을 만들고 입력. 3.html WEB网络 计算机语言-常见语言 HTML.. 2021. 10. 1. WEB2 - JavaScript 33 (객체의 활용) 객체의 활용 객체 예고 시간에 열어놨던 코드를 닫아보자. 3.html WEB网络 计算机语言-常见语言 HTML超文本标记语言 CSS层叠样式表 JavaScript -JavaScript JavaScript即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。 更多>> 2021. 9. 30. WEB2 - JavaScript 32 (객체프로퍼티와 메소드) 객체프로퍼티와 메소드 객체에는 함수도 담을 수 있다. ex10.html 만들어둔 coworkers 를 활용하여 coworkers 라는 객체에 메소드를 추가해보자. showAll 이라는 메소드를 추가 (coworkers 에 있는 각각의 데이터들을 iterate 해서 화면에 출력하는 코드) coworkers.showAll = function(){ } 이것은 이렇게 정의할 수도 있다. function showAll(){ } var showAll = function(){ } (모두 다 똑같은 표현) object Create Iterate Property & Method 이렇게 작성을 하고 나면 좋은 코드 작성이 아니다. 변수 coworkers 가 for 문에 박혀있기 때문에 객체가 바뀐다면 정보를 못 가져오는 .. 2021. 9. 29. WEB2 - JavaScript 31 (객체와 반복문) 객체와 반복문 생성된 객체에 어떤 데이터가 있는지를 모두 다 가져와야 하는 경우가 있다. 이런 경우 반복문을 사용하여 배열에서 반복문으로 데이터를 다 가져와야 하는데 그렇다면 객체에서는 그런 것을 어떻게 하느냐 추천 검색어 javascript object iterate 추천 검색어 How to iterate over a JavaScript object? for 를 쓰면 coworkers 라는 변수가 가리키는 객체에 있는 key 값들을 가져오는 반복문이다. ex10.html 에서 가져올 key 값들은 beginner, programmer, bookkeeper, data scientist 이다. 즉 key 라는 것은 우리가 가져오고 싶은 정보에 도달할 수 있는 열쇠 (반면, 배열에서는 순서대로 배열이 되어있.. 2021. 9. 29. 이전 1 2 3 다음
