본문 바로가기

Javascript39

DOM 개념 간단 정리 / 짝수 판별 / 점수 분류 / 계절 판별 / 로그인 판독 문제 DOM이란? DOM(Document Object Model):문서 객체 모델. HTML 태그들을 하나씩 개체화한 것. XML이나 HTML 문서에 접근하기 위한 일종의 프로그래밍 인터페이스 DOM 목적 : 자바스크립트를 통하여 웹콘텐츠 추가, 수정, 이벤트 처리 등을 동적으로 상호작용하기 위해 필요. HTML 코드 해석해서 요소들을 트리 형태로 구조화해서 표현하는 형식. 정적인 웹 이상의 인터랙티브한 기능을 구현하고자 한다면 자바스크립트와 DOM을 반드시 써야함 et) 스크립트 태그를 달아 외부의 자바스크립트 파일을 연결하고, h2 태그에 id를 달아 일련의 작업(예를 들어 h2 태그를 클릭하면 밑에 사진이 나타나는 등의 동작) 을 하게 된다면 이것은 동적으로 노드를 생성한다고 보는 것 DOM의 데이터타입.. 2023. 6. 13.
Visual Studiocode로 javascipt로 나머지를 구하는 프로그램 만들기 기초 1 안녕하세요 오늘부터 javascript 기초에 대해 최대한 자세하고 쉽게 설명해보도록 하겠습니다. javascript를 공부하기 전에 제가 작성해드린 html 과정을 먼저 수강하시고 듣는 것을 추천드립니다:) 1. script 태그 활용 2.document.write 삽입 3. 변수 선언방법- let활용 4.getElementById 사용하기 1. sciript 실무에서 보통 body 안에 기본 script코드를 넣고 시작한다고 하니 body 안에 항상 4.console.log 활용 DOCTYPE html> Document let num1 = prompt("1숫자를 입력하세요") // 오른쪽에 있는 것을 왼쪽에 집어 넣어라! let num2 = prompt("2숫자를 입력하세요") let sum = Nu.. 2023. 6. 12.
Vscode로 알림장 초대장 만드는법 5월 31일 퇴사 후, 오늘부터 강의를 듣기로 하여 오랜만에 다시 티스토리 블로그를 시작하려 한다. 원하는 CSS 색 쉽게 찾는 방법 https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile. cssgradient.io 원하는 웹/ 모바일 템플릿 찾는 방법 www.gdweb.co.kr http://www.gdweb.co.kr www.gdweb.co.kr SVG란? (Scala.. 2023. 6. 1.
[javascript] 키워드 정리 Property 프로퍼티 속성의 개념 키워드 정리 Property - 프로퍼티, 속성 프로퍼티란 속성이란 뜻으로 자바스크립트에서 객체 내부의 속성을 의미한다. 객체는 프로퍼티로 구성된다. 프로퍼티는 "key(키)" : "value(값)" 의 형식으로 객체 안의 콤마(쉼표 ,)로 구분되어 할당된다. Key는 속성명이라 생각해도 되고 문자열만 가능하며, 문자열이지만 따옴표가 없어도 된다.(있어도 무방. 띄어쓰기가 있는 경우는 있어야 함.) Value는 속성값이라고도 부르며, 어떤 값이든지(문자열, 숫자, 객체, 함수 등 아무거나) 상관없다. 객체에 함수를 정의할 경우, 속성값이라 하지않고 메소드(Method)라고 부른다. 객체를 활용함에 있어서 유용하다. 특정 객체가 가지고 있는 정보를 품고 있기에 해당 객체가 가진 정보에 직접적으로 접근할 수.. 2022. 5. 8.

티스토리툴바