본문 바로가기

IT Study/JavaScript15

JavaScript - 노드추가/노드생성/배너 만들기 1. 노드추가 1) 객체명.appendChild(객체명) 자식객체를 부모객체로 이동 ​ 2) 객체명.insertBefore(객체명) 부모 객체앞에 객체 생성 ​ 3) 객체명.insertData(위치값, data) 해당 위치에 data 추가 ​ Practice 결과 영상 확인 : https://blog.naver.com/yyhhhjun/222769187264 프론트 엔드 day 19 - 노드추가/노드생성/배너 만들기 1. 노드추가 1) 객체명.appendChild(객체명) 자식객체를 부모객체로 이동 2) 객체명.insertBefore(객체명... blog.naver.com 2. 노드생성 1) document.createElement() ()안의 요소를 생성 ​ 2) document.createTextNod.. 2023. 1. 5.
JavaScript - 지역변수/전역변수, DOM 변수의 범위 자바스크립트에서는 객체, 함수가 모두 변수에 담길 수 있다. 변수의 범위는 해당 변수에 접근할 수 있는 영역 ​ 1. 지역변수 함수 내부에서 선언된 변수 {} 영역 내에서 선언된 변수 ​ 지역 변수는 변수가 선언된 영역 내에서만 유효하고 그 영역을 벗어나면 메모리에서 사라진다(삭제된다). ​ 2. 전역변수 함수 외부에서 선언된 변수 전역 변수는 프로그램의 어느 영역에서나 접근할 수 있으며 웹 페이지가 닫혀야만 메모리에서 사라진다. ​ 1. Practice ​ 2. Practice 문서 객체 모델(DOM : Document Object Model) XML 이나 HTML 문서에 접근하기 위한 일종의 인터페이스 문서 내의 모든 요소를 정의하고 각 요소에 접근하는 방법들을 제공해준다. ​ docum.. 2023. 1. 5.
JavaScript - 배열/함수 배열(Array) 저장공간을 나열해놓은 형태의 자료구조 하나의 이름과 인덱스로 참조되는 정렬된 값의 집합 ​ 배열 요소 : 배열을 구성하는 각각의 값 인덱스 : 배열에서의 위치를 가리키는 숫자 ​ ex) let 배열명 = [값1, 값2...]; let 배열명 = new Array(값1, 값2...); let 배열명 = []; ​ 배열특징 1. 타입이 고정되어 있지 않다. let arr = ["홍길동", 10, -2.33, true] ​ 2. 인덱스가 연속적이지 않아도 된다. let arr = []; arr[0] = 10; arr[3] = "홍길동"; ​ 3. let arr = []; a = "A" arr[a] = 10; >> 가능하다(key 등으로 활용) ​ Array 객체의 기능(메서드) ​ 배열명.l.. 2023. 1. 5.
JavaScript - 연산자/제어문 연산자(Operator) 기능이 있는 특수문자 또는 단어. 함수, 키워드들은 연산자가 아니다 ​ 1. 산술 연산자 +, -, *, /, %, ** a%b : 나머지 연산자 >> 나머지 값 a**b : 제곱 연산자 (a의 b제곱) ​ 2. 비트 연산자(2진법) 1 bit : 컴퓨터 용량의 최소단위 1 byte : 8bit > 메모리의 최소 단위, 데이터의 최소 단위 ​ 조건식 조건을 제시하는 식 결과가 참 또는 거짓 둘 중 하나로 나오는 식(true/false) ​ boolean 타입 참을 나타내는 true, 거짓을 나타내는 false boolean() : 형변환 ​ 3. 관계 연산자 >, < : 초과, 미만 = : 이상, 이하 == : 같다(type과 무관하게 값이 같으면 true) != : 다르다(ty.. 2023. 1. 5.
JavaScript - 자바스크립트출력/변수/상수 자바 스크립트 출력 개발자가 사용자에게 값을 표현 ​ 1. 대화상자 출력 window.alert() : 함수를 통해 알림창으로 출력 window.confirm() : 함수를 통해 알림창 => 확인, 취소 ​ 2. 콘솔 출력(개발자를 위한 출력) console.log() : 함수를 통해 콘솔창에 출력 ​ 내부 자바스크립트 , 안에 작성 자바스크립트 적용이 되지 않을 때(순서가 매우 중요하다) ​ 외부 자바스크립트 -> 외부스타일처럼 바깥에서 가져올 수 있다. ​ 1. Practice ​ 2. Practice - 외부 자바 스크립트 css와 방식이 동일하다. 변수(Variable) 데이터(값)을 저장할 수 있는 메모리 공간 ​ x = 5; x = "홍길동"; [저장공간명] [대입연산자](=) [저장될 값] .. 2023. 1. 5.
JavaScript - AOS library, javascript 메모 AOS library 스크롤 이벤트를 사용할 수 있는 라이브러리 ​https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io https://github.com/michalsnik/aos GitHub - michalsnik/aos: Animate on scroll library Animate on scroll library. Contribute to michalsnik/aos development by creating an account on GitHub. github.com 위 사이트에 들어가면 사용법, 각종 이벤트 동작 등을 알아볼 .. 2023. 1. 5.

티스토리툴바