본문 바로가기

전체 글89

JAVASCRIPT 문법 - 형변환(묵시적, 명시적) 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 형 변환 자바스크립트는 타입이 매우 유연하다. 자바스크립트의 변수는 타입이 정해져 있지 않고, 같은 변수에 다른 타입의 값을 다시 대입할 수 있다. var str = "Hi"; str = 100; // String타입으로 선언한 변수 str에 Number타입의 100대입이 가능하다. 묵시적 형 변환 자바스크립트는 특정 타입을 기대하는 곳에 다른 타입의 값이 오더라도, 자동으로 형 변환을 해준다. 2 + "은 숫자입니다."; // Number타입 2가 자동으로 문자열로 변환되어 문자열 결합 "2" * "5"; // 곱셈을 하기 위해 문자.. 2022. 2. 20.
JS 문법 - DOM(문서객체모델) 트리 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. DOM 트리 웹페이지의 내용은 Document객체가 관리한다. 웹 브라우저가 웹 페이지를 읽어 들이면 렌더링 엔징은 웹 페이지의 HTML 문서 구문을 해석하고 Document 객체에서 문서 내용을 관리하는 DOM트리라 하는 객체의 트리 구조를 만든다. DOM트리를 구성하는 하나의 객체를 노드라 한다. 기본적 노드는 문서 노드, HTML 요소 노드, 텍스트 노드가 있다. 노드 객체 가져오기 1. id속성 값으로 가져오기 getElementById("id이름") 단 1개의 요소 객체에 접근할 수 있다. 2. 태그 이름으로 가져오기 getE.. 2022. 2. 19.
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.