본문 바로가기

Frontend/JavaScript22

04. JavaScript document 객체 ○ 객체 (Object) - 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어 - 객체: 데이터와 데이터를 처리하는 함수를 묶어 놓은 것 - 객체의 함수와 속성을 사용하는 형식 ① 객체명.속성; ② 객체명.함수(); ○ document 객체 - HTML페이지의 본문()을 가리키는 객체 - HTML 요소에 접근하고자 할 때, documnet.함수(); 또는 documnet.속성; ① documnet.write(출력할내용); - HTML 본문에 괄호 안의 내용을 출력해 줌 document.write(123); document.write("Korea"); document.write("");// 자바스크립트에서 HTML tag사용시 문자열 처리해서 사용 ② document.getElementById("아이디".. 2022. 4. 26.
03. JavaScript 변수 (Variable: var, let, const) ○ 값(data, value) 표현 ① 상수(constants) : 고정 불변의 값 document.write(3); document.write(-4); document.write("A"); document.write('가'); ② 변수(variable) : 변하는 값 - 변수를 선언할 때는 변수명 앞에 변수 타입을 붙임 - 변수명은 영어, 숫자, 일부 특수문자(_, $)만 사용가능 - JavaScript 변수 타입 : var, let, const / nothing - var를 가장 많이 사용, let과 const는 2015년에 새로 생긴 변수타입 var a=3; //a라는 변수를 선언하고, 3을 저장 var b;//b라는 변수를 선언 b=10;//b에 10을 저장 document.write(a+b);/.. 2022. 4. 25.
02. JavaScript 연산자 (operator) ○ 연산자 Operator - 이식성이 풍부하다 - 대입, 산술, 비교, 논리, 결합, 증감 연산자 등 - 연산자는 JavaScript 외의 언어(JAVA, PYTHON, DB 등)에서도 거의 비슷하게 사용 - 연산 우선 순위 : ( ) → 증감 → 산술 → 비교 → 논리 → 대입 ○ 산술 연산자 - +(더하기), -(빼기), *(곱하기), /(나누기), %(나머지) document.write(6+3);//9 더하기 document.write(6-3);//3 빼기 document.write(6*3);//18 곱하기 document.write(6/3);//2 나누기(몫) document.write(6%3); //0 나머지(6을 3으로 나누었을 때 나머지) document.write(3/5); //0.6 d.. 2022. 4. 25.
01.JavaScript 기본 문법, 자료형 ○ JavaScript (자바스크립트) - 웹브라우저에서 interpreter 방식으로 해석되는 스크립트 언어 - HTML문서를 좀 더 역동적으로 동작시킬 수 있음 - 웹페이지의 3요소 : 구조(HTML) + 표현(CSS) + 동작(JavaScript 또는 웹프로그래밍언어) - jQuery : JavaScript를 라이브러리화 해 놓은 오픈소스 ○ JavaScript 기본 문법 - 대소문자를 구분 - 종결문자 ; - 주석 : // (한 줄 주석), /* */ (여러 줄 주석) - 자바스크립트 코드 작성 영역 선언 : (나 영역에 선언가능) - js파일 import : ○ Data Type (자료형) ① 숫자형 (Number) - 숫자, 따옴표없이 ② 문자형 (String) - 반드시 ' '(작은 따옴표).. 2022. 4. 25.