내장 함수 내장 함수 내장 함수는 자바스크립트에 기본적으로 내장되어있는 함수 들을 말합니다. 01. 인코딩 , 디코딩 함수 URL주소에 쿼리 정보를 전송하여 데이터를 처리해야하는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 경우인코딩 함수를 이용하여 문자를 부호화 시키고 부호화된 문자를 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다. 함수명 설명 encodeURIConponent() 영문. 슷지와 () - _ . ~ * ! ' 을 제외한 문자를 인코딩 합니다. decodeURIConponent() encodeURIConponent()의 디코딩 함수 //인코딩, 디코딩 함수 { var encodeStr = '자바스크립트'; console.log(encodeU.. 2022. 8. 13. join()/ push()/ pop() join()/ push()/ pop() 01. join() join()은 배열의 사본을 반환하며, 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. 아래는 예시입니다. //join()을 사용하는 경우 const arrNum = [100,200,300,400,500]; const text1 = arrNum.join('') const text2 = arrNum.join('-') document.querySelector.innerHTML = text1 //100200300400500가 나옴 document.querySelector.innerHTML = text2 //100-200-300-400-500가 나옴 02. push() push()은 배열의 마지막에 새로운 요소를 추가하고, 변경된 배열의 길이를 반.. 2022. 8. 11. 요소 선택 요소 선택 요소를 직접 선택하는 메서드 메서드 설명 getElementByld() document.getElementByld('content')일 경우 HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementByClassName() document.getElementByClassName('menu')일 경우 HTML 요소 중 class 속성이 'menu'인 요소를 선택합니다. getElementByTagName() document.ggetElementByTagName('ul')일 경우 HTML 요소 중 태그명이 'ul'인 요소를 선택합니다. getElementByName() document.getElementByName('txt')일 경우 HTML 요소 중 name명이 '.. 2022. 8. 6. 지역 변수와 전역 변수 지역변수 / 전역변수 변수는 함수 블록{}을 기준으로 변수의 선언 위치에 따라 '전역 변수'와 '지역 변수'로 나눠집니다. '전역 변수'는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만 '지역 변수'는 함수 블록{}내에서만 사용할 수 있습니다. 전역 변수와 지역 변수의 선언 위치 지역 변수 전역변수 var 변수 ; function 함수(){ } function 함수(){ var 변수; } 아래 예시에서 함수 블록{}안에 있는 kor 변수는 전역변수이다. 따라서 getScore()함수를 호출하게 되면 변수 값이 90에서 100으로 바뀐다. var kor = 90; function getScore(){ kor = 100; //전역변수 document.write(kor); //100 } getScore.. 2022. 7. 28. 함수 함수 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다. 분류 종류 설명 사용자 정의 함수 - 선언적 함수 - 익명 함수 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수입니다. 내장 함수 - 인코딩, 디코딩 함수 - 숫자 판별 함수 - 유 . 무한 값 판별 함수 - 숫자변환 함수 - 문자변환 함수 - 자바스크립트 코드 변경 함수 프로그램에서 자주 사용되는 기능들을 자바스크립트 자바스크립트 내부적으로 제공해주는 하묘ㅜ 01. 선언적 함수 01) 선언적 함수의 형식 function 함수() { 실행문; } function compute() { console,log('선언적 함수'); } 02) 선언적 함수의 호출 '선언적 함수'는 함수를 호출할 때 함수의 앞.. 2022. 7. 26. 데이터 타입 데이터 타입(Data Type) 데이터 타입(Data Type)은 변수에 저장되는 데이터의 유형으로 원시(Primitive)데이터 타입과 객체(Object) 데이터 타입으로 나눌 수 있습니다. 원시 데이터 타입 : number, string, boolean, undefined, null, symbol 등 객체 데이터 타입 : function, object, array 등 number(숫자) 데이터 number 데이터는 정수, 소수점, 지수를 표현할 수 있습니다. var num1 = 10; //정수 var num2 = 10.5;//소수점 var num3 = le+2;//지수 string(문자) 데이터 string 데이터는 ''또는 ""으로 표현할 수 있습니다. 보통 문자 데이터는 작은따옴표로 많이 표현합니.. 2022. 7. 26. 조건문 조건문 조건문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 제어하거나 반복시키는 문장입니다. 조건문에는 if문 , switch문을 가장많이 사용합니다. 01. if문의 형식 If문은 조건식의 결과에 따라 중괄호 { } 로 묶어놓은 블록이 실행여부가 결정되는 조건문입니다. 조건식에는 true 또는 false값을 산출할 수 있는 연산식이나 boolean변수가 올 수 있습니다. 조건식이 true면 블록을 실행하고 false면 블록을 실행하지 않습니다. C언어에서 0은 false(거짓)로 0이 아닌 나머지 값은 모두 true(참)로 인식합니다. //false, 0 ,undefined , null //true, 1, "0", "1", 0 2022. 7. 26. 반복문 반복문 반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문 , do while문, for문을 가장많이 사용합니다. while문 while ( 조건식){ 실행문; 중가감식; } do while문 do { 실행문 증가감식; } while(조건식) for문 for ( 초기값; 조건식; 증강값 ){ 실행문 } 0부터 99까지 출력하기 //0부터 99까지 출력하기 for( let i=0; i < 100; i++){ document.write(i) } 결과보기 1부터 100까지 출력하기 //1부터 100까지 출력하기 for( let i=1; i < 101; i++){ document.write(i) } 결과보기 1부터 100까지 출력하.. 2022. 7. 21. 연산자 자바스크립트 연산자 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자 입니다. 자바스크립트에서는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자 등이 있습니다. 산술 연산자 산술 연산자는 사칙연산을 다루는 기본적이면서 가장 많이 사용됩니다. 산술 연산자 종류 속성 설명 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자와 변수등을 연결할 때 사용합니다. - 빼기 연산을 할 때 사용합니다. * 곱하기 연산을 할 때 사용합니다. / 몫을 구할 때 사용합니다. % 나머지를 구할 때 사용합니다. ++ 1씩 증가시킬 때 사용합니다. -- 1씩 감소시킬 때 사용합니다. 대입 연산자 대입 연산자 '='는 '같다'의 의미가 아니라 변수에 대입(저장)을 의미합니다. 대입 연산자의 종류 설명 = num = 1.. 2022. 7. 20. 기본 규칙 기본 규칙 자바스크립트를 다루기 위해서는 기초적인 특징과 기본 문법이 있습니다. 자바스크립트란? JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립트 프로그래밍 언어입니다 HTML운 정적인 레이아웃을 표현한다면, 자바스크립트는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였스며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르는 표준화 작업을 통해 현재는 모든 브라우저에서 지원됩니다. 자바스크립트 기본 규.. 2022. 7. 20. 이전 1 2 3 다음
