ss 'Javascript' 카테고리의 글 목록 (2 Page)
본문 바로가기

Javascript38

[javascript]요소선택 요소 선택 자바스크립트의 요소 선택에 대해 알아보겠습니다. 요소를 직접 선택하는 메서드 메서드 설명 getElementByld() document,.getElementsByld('content')일 경우 HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementsByClassName() document.getElementsByClassName('menu')일 경우 HTML 요소 중 class명이 'menu'인 요소들을 선택합니다. getElementsByTagName() document.getElementsByTagName('ul')일 경우 HTML 요소 중 태그명이 'ul'인 요소들을 선택합니다. getElementsByName() document.getElementsBy.. 2022. 8. 5.
[javascript]자바스크립트 지역변수/전역변수 지역변수와 전역변수 변수는 함수 블록{}을 기준으로 변수의 선언 위치에 따라 '전역변수'와 '지역변수'로 나눌 수 있습니다. 전역변수는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만 지역변수는 함수 블록{} 내에서만 사용할 수 있습니다. 01. 전역변수와 지역변수 선언 위치 전역변수 지역변수 var 변수; function 함수() { } function 함수() { var 변수; } [예시1] var kor = 90; function getScore() { kor = 100; //전역변수 값이 바뀜 document.write(kor); // 100 } getScore(); document.write(kor); //100 결과보기 [예시1]에서 함수 블록{}안에 있는 kor 변수는 전역변수입니다. .. 2022. 7. 28.
[javascript]자바스크립트 함수 함수 함수는 자바스크립트에서 기본적인 구성 중의 하나입니다. 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야 합니다. 01. 선언적 함수 함수를 정의 후, 호출하는 일반적인 함수입니다. 다음은 선언적 함수의 형식입니다. function func(){ document.write("함수가 실행되었습니다.1"); } func(); 결과보기 02. 익명 함수 익명 함수는 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용 할 수 있도록 만들어 줍니다. 익명 함수는 변수 선언 이후에 호출해야 합니다. 다음은 익명 함수의 형식입니다. const func = function(){ document.write("함수가 실.. 2022. 7. 26.
[javascript]자바스크립트 데이터타입 데이터타입 변수에 저장되어 있는 데이터의 유형으로 Primitive(원시)와 Object(객체)로 나눌 수 있습니다. Primitive(원시)타입으로는 number, string, boolean, undefined, null, symbol 등이 있으며, Object(객체) 타입으로는 function, objet, array 등이 있습니다. number(숫자)데이터 정수, 소수점, 지수를 표현할 수 있습니다. var num1 = 10; var num2 = 10.5; var num3 = le+2; console.log(num1); //10 console.log(num2); //10.5 cibsike.log(num3); //100, le+2는 1*10의 2승을 의미합니다. string(문자) 데이터 '' 또는.. 2022. 7. 25.
[javascript]자바스크립트 조건문 if문 if문은 지정한 조건이 true(참)인 경우 명령문을 실행합니다. 조건이 false(거짓)인 경우 다른 명령문이 실행 될 수 있습니다. 예시1 if (조건식) { 실행문; } 예시2 if (조건식) { 실행문1; } else { 실행문2; } 예시3 if (조건식1) { 실행문1; } else if (조건식2) { 실행문2; } else { 실행문3; } if문은 if문 안에 또 다른 if문을 중첩하여 사용할 수 있습니다. if (조건식1) { if (조건식2) { 실행문2; } } //중첩 if문 var html = Number(prompt('html 점수입력', '')); var css = Number(prompt('css 점수입력', '')); var javascript = Number(pr.. 2022. 7. 25.
[javascript]자바스크립트 반복문 이해하기 반복문 반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문, do while문, for문이 있으며, for문을 가장 많이 사용합니다. while문 while문이란 조건문이 참일 때 실행되는 반복문입니다. 조건은 문장 안이 실행되기 전에 참, 거짓을 판단합니다. 초기값 while (조건식) { 실행문; 증가감식; } do while문 while문과 do while문은 비슷하지만 다릅니다. do while문은 조건문을 판단하기 전에 do 블록의 코드를 먼저 실행합니다. 그리고 조건문을 판단하여 조건문의 결과가 true이면 do 블록의 코드를 다시 실행합니다. 초기값 do { 실행문; 증가감식; } while (조건식) for문 .. 2022. 7. 21.
[javascript]자바스크립트 연산자 자바스크립트 연산자 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자입니다. 자바스크립트에서 연산자에는 산술연산자, 대입연산자, 비교연산자, 논리연산자 등이 있습니다. 산술 연산자 산술 연산자는 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다. 산술 연산자 종류 속성 + 더하기 연산을 할 때 사용 문자와 문자, 문자와 변수 등을 연결할 때 사용 - 빼기 연산을 할 때 사용 * 곱하기 연산을 할 때 사용 / 몫을 구할 때 사용 % 나머지를 구할 때 사용 ++ 1씩 증가시킬 때 사용 -- 1씩 감소시킬 때 사용 대입 연산자 대입 연산자는 변수에 값을 대입할 때 사용하는 이항연산자이며, 대입하는 방향은 오른쪽에서 왼쪽입니다. 대입 연산자 종류 설명 = num = 1은 오른쪽의 1값을 왼쪽의.. 2022. 7. 20.
[javascript]자바스크립트 기본 규칙 기본 규칙 자바스크립트를 다루기 위해서는 기초적인 특징과 기본 문법이 있습니다. 가장 기본이기 때문에 이 부분을 숙지하고 자바스크립트를 공부하세요! 자바스크립트란? JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립트 프로그래밍 언어입니다. HTML은 정적인 레이아웃을 표현한다면, 자바스크립트는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였스며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르는 표준화 .. 2022. 7. 20.
728x90
HTML

HTML

자세히보기
CSS

CSS

자세히보기
JAVASCRIPT

JAVASCRIPT

자세히보기
광고 준비중입니다.

티스토리툴바