Javascript (19) 썸네일형 리스트형 JavaScript: The Definitive Guide_2 Lexical Structures Chapter 2. Lexical Structure Lexical Structure: 해당 언어로 프로그램을 작성하기 위해 특정한 기본적인 규칙. 2.1 Character Set JavaScript 프로그램은 Unicode character set을 이용해서 적는다. 2.1.1 Chase Sensitivity JavaScript는 case-sensitive 하다. HTML은 case-sensitive 하지 '않기' 때문에 주의해야한다. 2.1.2 Whitespace, Line Breaks, and Format Control Characters JavaScript는 프로그램의 token 사이에 나타나는 space와 대부분의 line breaks를 무시한다. 일반적인 space characte.. JavaScript: The Definitive Guide_1 Introduction to JavaScript Chapter 1. Introduction to JavaScript JavaScript는 Web을 위한 프로그래밍 언어이다. JavaScript의 문법은 Java로부터, first-class function은 Scheme으로부터, prototype-based inheritance는 Self로부터 왔다. JavaScript: Names and Versions JavaScript는 Netscape에서 처음 만들었고 당시 이 언어를 표준화(standardization)를 위해 ECMA에 제출하면서 ECMAScript라는 이름을 갖게되었다. 책에서 주로 다루게 되는 버전은 ECMAScript version 3과 5이다. (Version 4는 문제가 많아 출시되지 않음) 가끔 JavaScript version을 .. 웹브라우저 자바스크립트_4 Object Model 4. Object Model JavaScript가 제어의 역할을 한다는 것은 JavaScript가 제어할 수 있는 '무언가'가 존재한다는 뜻이다. Object를 그 '무언가'로 생각하면 편하다. Object Model: 브라우저와 웹 페이지의 여러 구성 요소들을 object로 만들어 제공하는 것. 웹 페이지의 element를 JavaScript가 제어할 수 있도록 브라우저가 웹 페이지를 읽는 과정에서 element에 해당하는 object를 생성한다. Example /* 태그를 제어할 수 있는 object 찾기 */ /* getElementByTagName을 이용하면 해당하는 Tag Element들을 list로 return */ var imgs = document.getElementByTagName('im.. 웹브라우저 자바스크립트_1-3 웹 브라우저와 JavaScript 1. 웹 브라우저와 JavaScript 웹 브라우저는 'HTML' + 'CSS' + 'JavaScript'로 이루어져있다. HTML이 웹 페이지의 정보(콘텐츠)를 생성하고 CSS로 그 정보를 디자인한다면, JavaScript는 프로그래밍적으로 이들과 웹 브라우저를 제어한다. 예를 들어, HTML으로 작성한 글의 색상을 CSS로 변경할 수 있고, JavaScript를 이용하면 버튼을 '클릭'했을 때 글의 색을 변경할 수 있도록 만들 수 있는 것이다. 2. 실습환경 skip 3. HTML에서 JavaScript 로드하기 Inline 방식 (event 이용) HTML 태그 안에 직접 입력해서 JavaScript를 쓸 수 있다. 장점: JavaScript.. [생활코딩] 웹브라우저 자바스크립트 강의소개 생활코딩 에서 제공하는 JavaScript 강의. 언어 자체는 서적으로 공부하고 우선 활용할 정도를 만들기 위해 자바스크립트언어 자체 강의가 아니라 웹브라우저 응용 강의를 듣기로 결정 강의주소: https://opentutorials.org/course/1375 수강기간: 2020.05.13 - 진행중 수강소감 강의내용 (정리중) CS50's Web Track-1 Tracks_ Web Introduction 인터넷에서 실행되는 프로그램을 만들어보기 위한 track이다. 인터넷의 기본과 어떻게 동작하는지를 먼저 배운 뒤, HTML, CSS, JavaScript와 같은 인터넷에서의 언어, 웹 페이지를 application으로 바꾸기 위한 Python에서의 framework와 SQL에 대해 배운다. HTTP 컴퓨터는 네트워크를 이용해 서로에게 메시지를 주고 받으면서 소통한다. 가장 기본적으로 메시지를 주고 받기위해 따라야 하는 규칙인 standard protocol이 존재한다. 인터넷의 standard protocol은 TCP/IP 로 Transmission Control Protocol과 Internet Protocl이다. IP Address 보다 쉽게 이해하기 위해.. WEB2 - JavaScript_29-30 수업을 마치며 29. UI vs API UI (User Interface): 사용자가 시스템을 제어하기 위해서 사용하는 조작장치 (e.g 버튼) API (Application Programming Interface): 애플리케이션을 만들기 위해서 프로그래밍 할 때 사용하는 조작장치 (e.g js의 alert) 웹 페이지에 경고창을 만들기 위해서 사용하는 alert 함수는 경고창을 실행하는 조작장치로서 브라우저에 미리 만들어 놓은 기능이다. 우리는 이번 수업을 통해 UI만 사용했던 사용자에서 JavaScript를 통해 API까지 사용할 수 있는 사람이 되었다. 30. 수업을 마치며 이제 학습을 그만두고 프로젝트를 시작할 때. 프로젝트를 시작할 때 모든 개념을 한 번에 사용하려고 하지 말자. 최소한의 정도로만 (i.e. .. WEB2 - JavaScript_28 라이브러리와 프레임워크 28. 라이브러리와 프레임워크 소프트웨어를 만들 때 다른 사람들이 미리 만들어 놓은 소프트웨어의 도움을 받는 방법. 라이브러리(Library): 사용할 수 있는 단편적인 기능을 정리해 놓은 것 (부품) 프레임워크(Framework): 만들고 싶은 소프트웨어의 기초적인 공통 부분을 구축해 놓은 것 (반제품) jQuery JavaScript의 대표적인 라이브러리이다. jQuery 홈페이지에 가서 파일을 다운로드 한 뒤 직접 프로젝트에 포함시키거나 CDN을 이용하여 웹 페이지에 첨부한다. CDN (Content Download Network) : 서비스 제공자의 서버에 저장된 파일을 를 이용해 가져와 사용하는 방식. jQuery에서 제공하는 코드를 복사해서 html 파일의 영역에 붙여넣어 사용한다. jQuer.. 이전 1 2 3 다음
