HTML 자세히 보기 CSS 자세히 보기 JAVASCRIPT 자세히 보기 광고 준비 중 Javascript30 자바스크립트 내장함수 내장함수 내장함수는 자바스크립트에 기본적으로 내장 되어있는 함수들을 말합니다. 인코딩, 디코딩 함수 URL 주소에 쿼리 정보를 전송하여 데이터를 처리 해야하는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 경우 인코딩 함수를 이용하여 문자를 부호화 시키고 부호화 된 문자를 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다. 함수명 설명 encodeURIConponent() 영문, 숫자와 () - _ . ~ * ! 을 제외한 문자를 인코딩합니다. decodeURIConponent() encodeURIConponent()의 디코딩 함수 //인코딩, 디코딩 함수 var encodeStr = '자바스크립트'; console.log(encodeURICompon.. 2022. 8. 16. join() / push() / pop() 자바스크립트에서는 데이터를 처리할 때 손쉽게 배열을 조작할 수 있도록 다양한 메서드를 제공하고 있습니다. join() / push() / pop() 메서드를 알아 보겠습니다. join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. arr.join([separator]) 만약 arr.length 가 0이라면, 빈 문자열을 반환합니다. 배열의 각 요소를 구분할 문자열을 지정합니다. 이 구분자는 필요한 경우 문자열로 변환됩니다. 생략하면 배열의 요소들이 쉼표로 구분됩니다. separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결됩니다. 네 가지 다른 방법으로 배열 연결하기 var a = ['바람', '비', '불']; var myVar1 = a.join().. 2022. 8. 11. 요소 선택 메서드 요소 선택 ▶요소를 직접 선택하는 메서드 메서드 설명 getElementById() document.getElementById('content')일 경우 HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementByClassName() document.getElementByClassName('menu')일 경우 HTML 요소 중 class명이 'menu'인 요소들을 선택합니다. getElementByTagName() document.getElementByTagName('ul')일 경우 HTML 요소 중 태그명이 'ul'인 요소들을 선택합니다. getElementByName() document.getElementByName('txt')일 경우 HTML 요소 중 name명이 '.. 2022. 8. 5. 지역변수/전역변수 지역변수/전역변수 변수는 함수 블록{}을 기준으로 변수의 선언 위치에 따라 '전역 변수'와 '지역 변수'로 나누어 집니다. 전역 변수는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만 '지역 변수'는 함수 블록{} 내에서만 사용할 수 있습니다. 전역 변수 지역 변수 var 변수; function 함수(){ } function 함수(){} var 변수; } [예시 3-14] var kor = 90; function getScore(){ kor = 100; // 전역 변수 console.log(kor); // 100 } getScore(); console.log(kor); // 100 [예시 3-14]에서 함수 블록 {}안에 있는 kor 변수는 전역 변수입니다. 따라서 getScore() 함수를 호출하.. 2022. 7. 28. 함수 함수 변수(데이터저장) ,배열(데이터저장), 객체(데이터저장) --> 함수(실행문)(제어문) 함수는 JavaScript에서 기본적인 구성 블록 중의 하나입니다. 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야만 합니다. 01. 선언적 함수 선언적 함수는 함수를 선언할 때 이름을 붙여주는 함수를 말한다. 즉, 따로 변수에 넣어주지 않고 선언할 대 붙여준 이름으로 호출하면 된다. function func(){ document.write("함수가 실행되었습니다.1") //브라우저 객체 } func(); 결과 보기 02. 익명 함수 익명함수는 말그대로 이름이 없는 함수이다. 따라서 익명함수를 선언하고 사용하기 .. 2022. 7. 26. 데이터타입 자료형(data type)이란? - 컴퓨터가 처리하는 자료(데이터)의 형태를 말합니다. 현업 개발에서는 자료형 대신 데이터 타입, 데이터 유형 등으로 부르기도 합니다. 컴퓨터 과학에서 변수에 값을 저장하기 전에 정수나 실수 등 어떤 값을 가질 수 있는지 자료형을 미리 정해야 합니다. 자바스크립트 자료형은 기본형과 복합형으로 구별합니다. - 기본형: 값이 하나인 자료형 (number, string, boolean, undefined, null 등) - 복합형: 여러 값을 한꺼번에 담고 있는 자료형 (object, array) 구분 데이터 타입 설명 원시타입 숫자타입 숫자, 정수, 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 문자열 불리언타입 논리적 참과 거짓 undefined 타입 var 키워드로.. 2022. 7. 26. 조건문 if 문 if 문의 형식 if (조건식){ 실행문; } if문은 if문안에 또 다른 if 문을 중첩하여 사용할 수 있습니다. 코딩에 앞서 prompt()는 숫자로 입력한 데이터를 문자 데이터로 처리하기 때문에 '+' 연산자를 사용할 경우 더하기 연산이 아니라 연결 연산이 됩니다. 이 문제를 해결하기 위해 숫자 변환 명령어 Number()을 사용 하겠습니다. switch 문 switch 문의 형식 switch (값) { case 값1 : 실행문; break; case 값2 : 실행문; break; default : 실행문; } switch(값) 의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다. switch 문은 if문과 다르게 특정 조건에 만족 했을 때 블록{}을 스스로 빠져.. 2022. 7. 26. 반복문 반복문 반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문, do while문,for문이 있으며, for문을 가장 많이 사용합니다. for ( 초기값; 조건식; 증감값){ 실행문 } 01. 0부터 99까지 출력하기 for( let i=0; i 2022. 7. 26. 연산자 자바스크립트 연산자 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자 입니다. 자바스크립트에서 연산자에는 산술연산자, 대입연산자, 비교연산자, 논리연산자가 등이 있습니다. 산술 연산자 산술 연산자는 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다. 산술 연산자 종류 속성 설명 + 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자와 변수 등을 연걸할 때 사용합니다. - 빼기 연산을 할 떄 사용합니다. * 곱하기 연산을 할 때 사용합니다. / 몫을 구할 때 사용합니다. & 나머지를 구할 때 사용 합니다. ++ 1씩 증가시킬 때 사용합니다. -- 1씩 감소시킬 때 사용합니다. 대입 연산자 대입 연산자는 변수에 값을 대입할 때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서.. 2022. 7. 26. 기본규칙 기본 규칙 자바스크립트를 다루기 위해서는 기초적인 특징과 기본 문법이 있습니다. 가장 기본이기 때문에 이 부분을 숙지하고 자바스크립트를 공부하세요! 자바스크립트란? JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어입니다. HTML은 정적인 레이아웃을 표현한다면, 자바스크립트는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였으며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르.. 2022. 7. 26. 이전 1 2 다음 728x90 반응형
