'분류 전체보기' 카테고리의 글 목록 (8 Page)

Attribute(HTML 속성)정적 값: HTML 속성은 문서의 초기 상태에서 정의된 값을 의미HTML 태그에 정의된 값: HTML에서 요소가 정의될 때, 태그 내에서 설정된 값을 `attribute`라고 함DOM에 반영되기 전의 상태: HTML 속성은 웹 페이지가 로드될 때 초기값으로 설정됨`value`는 `input` 요소의 속성, value="John Doe"는 페이지가 처음으로 로드될 때 설정된 속성 값이다.Property (DOM 속성)동적 값: DOM 속성은 JS 코드에서 변경할 수 있는 값을 의미, JS 코드에 의해 변경될 수 있음DOM 객체에 반영된 값: HTML 문서에서 설정된 초기 값을 DOM 객체로 가져와서 JS로 제어const input = document.getElementByI..

표현식 & 문장표현식(expression): 값을 만들어 내는 간단한 코드문장(statement): 프로그래밍 언어에 실행하 룻 있는 코드의 최소 단위문장 마지막에 `세미콜론` 또는 `줄 바꿈`을 넣어 종결을 나타냄 표현식 ∈ 문장`표현식`+`세미콜론` = 문장// 문장273;10 + 20 + 30 * 2;var name = '0w'+'oy';alter('Hello world!');// 표현식27810 + 20 + 30 * 2'Js'식별자js에서 변수나 함수 등에 이름을 붙일 때 사용관례클래스 외 생성자 함수 이름은 항상 대문자로 시작변수, 인스턴스, 함수 & 메서드의 이름은 항상 소문자로 시작여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자로 함식별자 표기법식별자 표기법설명예시주로 사용되는 곳s..

함수 (Function)독립적인 코드 블럭으로 특정 작업 수행객체 (클래스)에 속하지 않고, 전역적 또는 모듈 단위로 존재function greet(name) { return "Hello, " + name;}console.log(greet("Alice"));메서드 (Method)클래스 또는 객체에 속하는 함수특정 객체에 대한 동작을 정의객체를 통해 호출됨const person = { name: "Alice", greet: function() { return "Hello, " + this.name; }};console.log(person.greet());함수와 메서드의 차이 구분함수 (Function)메서드 (Method)소속클래스와 무관 (독립적)클래스 또는 객체 내부에..

📜 문제행성의 크기와 방향을 나타내는 정수 배열(`asteroids`)이 주어짐음수는 왼쪽, 양수는 오른쪽으로 이동행성의 인덱스는 상대적인 위치를 나타낸다.같은 방향으로 이동하는 행성을 절대 충돌하지 않는다.`행성이 충돌하는 경우` 더 작은 행성만 파괴 되고, 크기가 같으면 둘 다 파괴 된다.요구사항: 살아남은 소행성들을 출력하기 생각하기어떤 경우에 소행성들이 충돌하는지 알아 보자위 그림에서 보면 `양수, 음수` 순서대로 주어졌을 때만 소행성이 충돌한다.충돌하는 경우를 알았으니, 예제를 통해서 접근 방식을 알아보자. asteroids = `[-1, -2, 12, 11, 6, 5, -10, 4, -4, 6, 7]` 일 때,[5,-10] 구간에서 아래와 같이 충돌이 연쇄적으로 발생한다.|5| [6] |11..

1. ID ?웹 개발에서 HTML 요소를 고유하게 식별할 수 있게 해주는 역할을 한다.특정 요소를 선택하고, 그에 맞는 스타일을 적용할 수 있게하는 이름표 역할을 함페이지에 여러 요소가 있지만, ID는 그 중 딱 하나의 특정 요소를 지정한다.즉, 동일한 ID를 두 개 이상의 요소에 사용할 수 없음👉 되긴 하지만, Js로 특정 요소를 조작할 때 문제가 생긴다.더보기 이메일 주소: label 태그는 `for` 속성에서 id값을 이용해 입력 필드와 연결된다. 2. Class웹 페이지 내에서 여러 요소에 동일한 스타일을 적용하고 싶을 때 사용됨ID와 반대로, 여러 개의 요소에 동일하게 적용할 수 있다.∴ Class는 고유하지 않고 여러 번 사용할 수 있음더보기오늘은 중요한 발표가 있습니다.이번 주에는 대규..