/ LECTURE

JS - Node

이 페이지는 다음에 대한 공부 기록입니다

JAVA(자바), Python(파이썬) 기반의

AI 활용 응용 소프트웨어 개발자 양성 과정

2021.11.10. ~ 2022.05.18.

찾으시는 정보가 있으시다면
주제별reference를 이용하시거나
우측 상단에 있는 검색기능을 이용해주세요

39일차 수업

========복습========

배열

선언 방법 : 배열이름 = [];

인덱스 자유롭게 선언 가능 // 5개의 크기를 가진 배열에 인덱스99 부여 가능, 그 사이는 빈공간

배열 안에 넣을 수 있는 자료형은 제한 없음

함수

선언 방법 : function 함수명(파라미터){ 실행부 };

Java 의 메소드 선언 형태와 비슷

호출 방법 : 함수명();

언제나 시작하는 코드가 아니라, 특정 상황, 특정 시점 등에 호출을 통해서 실행할 목적

구현할 기능이 반복적으로 사용이 되는 경우에 선언

매개변수와 인자

  • 함수를 선언할 때 입력받아야할 변수(파라미터), 함수 내에서 사용하는 변수(인자)

  • 함수내부에서 외부로 전달하는 방법 : return 키워드

JS 특징

함수의 매개변수, 인자가 정해놓은 규칙을 지키지 않아도 사용 가능하도록 구현

  • 디폴트 매개변수 : 입력 받아야할 파라미터 값이 없을 때 기본 값을 설정(파라미터 = 기본값)

  • 나머지 매개변수 : 입력 받기로한 파라미터보다 더 받았을 때 저장하는 배열(…배열명)

Object

“키 : 값” 으로 구성된 property의 집합, 값으로 함수도 올 수 있음

값 호출 방법

  • 객체명.키;

  • 객체명[‘키’];

  • 객체명.함수명();

Node

DOM(Document Object Model)을 이용해서 노드를 탐색

  • Id, class, tagName, name 등을 통해서 접근 가능

  • 관계를 통해서 접근 가능

======== 끝 ========

39일차 수업

Add Node

var parent = document.getElementById(list);
var p = document.createElement(p);	// 새로운 노드 만들기
var ptext = document.createTextNode(추가된 p);
p.appendChild(ptext);		// 해당 노드의 마지막 자식으로 추가
parent.	appendChild(p);
parent.insertBefore(p,select);	// 부모노드.insertBefore(insert할 태그, 기준 태그); vice versa

Node

innerHTML : 시작 태그와 종료 태그 사이에 있는 글씨

value : 태그 내의 value 속성

요소 노드는 직접 텍스트 값을 가지지 않음, 항상 자식인 텍스트 노드에 저장

var p = document.getElementById(text);
// p.innerHTML 또는 p.firstChild.nodeValue 로 태그 안  텍스트 접근 가능
p.setAttribute(class, test);	// 속성 생성 or 변경, (속성이름, 속성값)