본문 바로가기

교육, 학습/멀티캠퍼스_풀 스택52

JS 문법 - Window객체, Document객체 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 자바스크립트 내장 객체 내장 객체 자바스크립트의 내장 객체에는 데이터 타입, 브라우저 타입 2가지가 있다. 데이터 타입 Number, String, Array, Date, Boolean 브라우저 타입 Window 이 장에서는 가장 중요한 객체인 Window객체를 설명한다. Window 객체 Window객체는 웹 브라우저의 창(window)을 나타내는 객체이다. 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 Window객체의 전역 변수가 된다. Window객체의 모든 메서드는 전역 함수이며, Window객체의 프로퍼티는 .. 2022. 2. 19.
JS 문법 - 입출력 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 출력 1. window.alert() 메서드 브라우저 위에 별도의 대화 상자를 띄워서 사용자에게 데이터를 확인시켜준다. 이때, 사용자가 확인을 눌러 대화 상자를 없애기 전까지 다른 작업을 못하게 한다. 참고로, 자바스크립트에서 window객체는 호출 시 window. 을 생략할 수 있다. 따라서 아래 코드와 같이 alert로 쓸 수 있다. 2. document.write() 메서드 웹 페이지에서 확인할 수 있게 브라우저 상에서 출력한다. 정확히는 현재 문서의 body에 출력한다. 테스트나 디버깅 용도로 많이 사용된다. 3. consol.. 2022. 2. 18.
jQuery 문법 - 다운로드 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 제이쿼리(jQuery) DOM을 내부에 감추고 쉽게 웹페이지를 조작할 수 있도록 돕는 라이브러리이다. DOM을 그냥 사용하는 것보다 훨씬 짧은 코드로 같은 기능을 할 수 있도록 할 수 있게 한다. 그러나 라이브러리이기 때문에, DOM의 기능을 간단히 사용하는 것에 국한되는 기능이다. 제이쿼리 사용하기 https://releases.jquery.com/ 사이트에 접속해서 제이쿼리를 받을 수 있다. 제이쿼리를 사용할 수 있는 방법은 2가지이다. 1. 제이쿼리 코드를 삽입하는 방법 위 코드를 복사하여 html 파일 내에 삽입하면 된다. 2... 2022. 2. 15.
JS 문법 - 언어 개념, 자바와 비교 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 자바스크립트 언어 특징 1. 객체지향 언어(객체 정의+객체 생성) 정확히 말하면 동적 프로토타입 기반 객체 지향 언어이다. 자바스크립트는 프로토타입을 상속하는 객체 지향 언어이다. 또한, 자바스크립트에서는 객체 생성 이후에도 프로퍼티, 메서드를 동적으로 추가하거나 삭제할 수 있다는 점이 클래스 기반 객체 지향 언어와 다르다. 반면, 자바, C++은 클래스를 이용해 객체를 생성하는 클래스 기반 객체 지향 언어이다. 2. 함수형 언어 = 함수 동작 기능 나열 자바스크립트에서는 함수를 객체로 취급한다. 따라서 함수에 함수를 인수로 전달할 수.. 2022. 2. 10.