본문 바로가기

인천일보아카데미/- 학습일지73

[학습일지]JAVA교육일지 20일차 12장 문서 객체 모델과 이벤트 다루기​12.1) 문서 객체 모델문서 객체 모델(DOM) : 웹 브라우저에 표시되는 HTML 문서 구조를 객체화한 모델 구조웹 브라우저는 생성한 문서 객체 모델을 통해 HTML 문서의 구성요소를 객체로 인식할 수 있음자바스크립트도 웹 브라우저의 문서 객체 모델을 조작해 웹 브라우저에 표시되는 HTML 문서 구조를 변경하거나 새로운 구성 요소를 추가하는 등의 작업을 할 수 있음​12.1.1 문서 객체 모델이 생성되는 방식 웹 브라우저가 HTML 문서를 해석, 해석한 HTML 문서 구조를 객체로 변환하는 방식으로 생성됨, 생성한 문서 객체 모델을 웹 브라우저에 표시웹 브라우저에 표시되는 HTML 문서는 내부적으로 문서 객체 모델을 해석해서 보이게 됨DOM트리 : HTML 문서.. 2022. 5. 31.
[학습일지]JAVA교육일지 19일차 11.3) 표준 내장 객체 사용표준 내장 객체 : JS 기본 내장 객체, 스코프의 위치를 따지지 않고 모든 영역에서 공통으로 사용 가능- 문자열을 다루는 String, 배열을 다루는 Array, 날짜와 시간을 다루는 Date, 수학 연산을 다루는 Math​※여기 없는 표준 내장 객체에 관해서는 아래 페이지 참고https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects​11.3.1 문자열을 다루는 String 객체문자열에서 사용할 수 있는 속성과 메서드가 정의되어 있음​* string 객체의 주요 속성과 메서드구분설명속성length문자열의 길이 반환메서드includes()메서드의 매개변수에 인자로 전달되는 문자열이 대상 문자열.. 2022. 5. 31.
[학습일지]JAVA교육일지 18일차 데일리 오늘의 학습 글서식더보기하위선택자 지정(자손선택자)section ul자식선택자 지정section>ul 선택자 우선순위 지정 ***꼭참고하기 (css 명시도 계산법)https://www.nextree.co.kr/p8468/ css 선택자 연습(검색창 css cook)https://flukeout.github.io/ css레이아웃요소는 원래 위>아래, 좌>우로 배치  더보기-Emmet-...(자동완성 식)div.parent>div.child.box${$}*5----->            1        2        3        4        5     레이아웃 더보기flex 레이아웃***        /*flex 레이아웃        display : flex 자식들을 플렉스 방식으로 배치.. 2022. 5. 30.
[학습일지]JAVA교육일지 17일차 11장 자바스크립트 객체​11.1) 객체객체 : 자료형의 관점에서 키(key)와 값(value)으로 구성된 속성의 집합여러 개의 값을 가질 수 있고, 다른 자료형의 값도 가질 수 있음​{ } 를 이용해 객체 생성 할 수 있음 - 리터럴 방식으로 객체 생성빈 객체 : 속성이 한 개도 없는 객체보통은 빈 객체가 아닌 처음부터 속성을 지정한 상태로 생성키워드 식별자 = { 키1 : 값1 , 키2 : 값2 , ..., 키n : 값n}데이터의 종류를 가리지 않고 모든 자료형의 데이터를 값으로 가짐객체 안에 또 다른 객체나 함수가 들어갈 수도 있음보통 객체의 키는 문자열로 작성, 큰따옴표나 작은따옴표를 사용하지 않아도 괜찮음키에 공백이 들어가 경우에는 따옴표를 꼭 사용해야 함​※ 메서드 : 객체에 정의된 함수​​1.. 2022. 5. 30.
[학습일지]JAVA교육일지 16일차 10.4) 함수의 특징​10.4.1 스코프 : 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙자바스크립트는 기본으로 스코프에따라 참조하려는 식별자를 찾음함수 스코프 / 블록 스코프 , 전역 스코프 / 지역스코프 의 참조 범위가 달라짐​* 함수 스코프 : 함수에서 정의한 블록문만 스코프의 유효 범위로 인정하는 방식함수 내부 - 지역 스코프 영역 / 함수 외부 - 전역 스코프 영역​예제 1)let a = 10 ; // 전역 스코프 function sum( ){ console.log(`함수 내부: ${a}`) ; } sum( ); console.log(`함수 외부: ${a}`) ; 실행결과) 함수 내부: 10 함수 외부: 10- 함수 내부와 외부에서 아무런 문제없이 정상적으로 변수a를 참조했음- 함.. 2022. 5. 29.
[학습일지]JAVA교육일지 15일차 10장 자바스크립트 함수​10.1) 함수​- 어떤 목적을 가지고 작성한 코드를 모아 둔 블록문- 함수를 호출하면 함수 내부의 여러 코드를 한 번에 실행 할 수 있음- 여러 곳에서 재사용하기 편함, 유지 보수가 편함​함수를 정의한다 : 블록문을 function 키워드, 식별자, 소괄호와 함께 묶으면 함수 생성function 식별자( ) { 블록문 }​​10.2) 함수 정의​함수 선언문, 함수 표현식, 화살표 함수 등으로 정의​10.2.1 함수 선언문으로 함수 정의 : function 키워드로 정의하는 방법function 식별자() { 함수 호출 시 실행할 코드 }중괄호{ } 안에는 함수가 호출되면 실행할 코드 작성, 코드는 길이, 개수 등의 제한 없음함수정의 후 함수의 식별자(함수명)과 소괄호( )로 실행.. 2022. 5. 29.

티스토리툴바