Giant Danio Fish
본문 바로가기

javascript9

내장 함수 내장 함수 내장 함수란 자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다. 인코딩, 디코딩 함수 URL주소에 쿼리 정보를 전송하여 데이터를 처리해야 되는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 ㄱ녕우 인코딩 함수를 이용하여 문자를 부호화시키고 부호화된 문자를 다시 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다. 함수명 설명 encodeURIComponent() 영문, 숫자와 () -_ . ~ * ! ' 을 제외한 문자를 인코딩합니다. decodeURIComponent() encodeURIComponent() 의 디코딩 함수 예시 // 예시입니다. var encodeStr = '자바스크립트'; console.log(encodeURICo.. 2022. 8. 13.
퀴즈 만들기 - 객관식(한문제) 유형 퀴즈 효과 객관식(한문제) 유형 결과 원본 사이트 보기 body 퀴즈 보기쪽은 input type을 버튼타입으로, 각각 id 값을 select(..)로 설정하였으며 class값과 name에 select, 벨류값을(..)해서 설정하였습니다. 정답 확인하기 Javascript 선택자는 이전예시와 같으며 객관식 보기를 추가하였습니다. 문제출력은 직접작성하고 보기출력은 for문을 이용해 출력했기에 두개를 updateQuiz라는 함수로 묶어 한번에 출력하였습니다. 정답 확인쪽은 사용자가 선택한 정답과 문제 정답이 맞는지, 그다음에 그 체크된 번호와 문제 번호가 같은지를 확인하기위해 if문 안에 if문을 사용해 표시했습니다. //선택자 const quizType = document.querySelector(".qu.. 2022. 8. 8.
요소 선택 메서드 요소 선택 요소를 직접 선택하는 메서드 메서드 설명 getElementByID() document.getElementByID('content')일 경우 HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementsByClassName() document.getElementsByClassName('menu')일 경우 HTML 요소 중 class명이 'menu'인 요소들을 선택합니다. getElementsByTagName() document.getElementsByTagName('ul')일 경우 HTML 요소 중 태그명이 'ul'인 요소들을 선택합니다. getElementsByName() document.getElementsByName('txt')일 경우 HTML 요소 중 nam.. 2022. 8. 6.
지역변수/전역변수 지역변수/전역변수 변수는 함수 블록{}을 기준으로 변수의 선언 위치에 따라 '전역 변수'와 '지역변수'로 나누어집니다. '전역 변수'는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만 '지역변수'는 함수 블록{} 내에서만 사용할 수 있습니다. 전역 변수와 지역 변수 선언 위치 전역 변수 지역 변수 var 변수; function 함수(){ } function 함수(){ var 변수; } 예시3-14 // 함수블록안에 kor 변수는 전역변수인데 func함수를 호출 하게 되면 kor 변수 값이 90에서 100으로 바뀐다. var kor = 90; function func(){ kor = 100; // 전역변수 document.write(kor); // 100 } func(); document.write(.. 2022. 7. 28.
함수 함수 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합이다. 함수의 종류 1. 선언적 함수 2. 익명함수 3. 매개변수 함수 4. 리턴값 함수 1. 선언적함수 '선언적 함수'는 함수를 호출할 때 함수의 앞 또는 뒤에서 호출이 가능하다. 선언적 함수의 형식은 다음과 같다 function func() { document.write("실행되었습니다1."); } 결과 확인하기 실행되었습니다1. 2. 익명함수 익명 함수는 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용 할 수 있도록 만들어 준다. 선언적 함수의 형식은 다음과 같다 const func = function() { document.write("실행되었습니다2."); } 결과 확인하기 실행되었습니다2. 3. 매개변수.. 2022. 7. 26.
데이터 타입 데이터 타입 데이터 타입(Daya Type)은 변수에 저장되는 데이터의 유형으로 Primitive(원시) 데이터 타입과 Object(객체) 데이터 타입으로 나눌 수 있습니다. Primitive(원시) 데이터 타입으로는 number, string, boolean, undefined, null, symbol 등이 있으며, Object(객체) 데이터 타입에는 function, object, array 등이 있습니다. number(숫자) 데이터 number 데이터는 정수, 소수점, 지수를 표현할 수 있습니다. var num1 = 10; var num2 = 10.5; var num3 = le+2; console.log(num1); // 10 console.log(num2); // 10.5 console.log(n.. 2022. 7. 25.
조건문 조건문 어떤 조건이 주어질 때 어떤 동작을 수행하도록 하는, 즉 조건에 따라 실행이 달라지게 할 때 사용되는 문장입니다. if문과 switch문이 있습니다. if문 if문의 기본 형식입니다. if (조건식) { 실행문; } if (조건식) { 실행문1; } else { 실행문2; } if (조건식) { 실행문1; } else if (조건식2) { 실행문2; } else { 실행문3; } switch문 switch문의 기본 형식입니다. switch (값) { case 값1 : 실행문; break; case 값2 : 실행문; break; default : 실행문; } 01. if문(제어문) //조건문 if,else문의 기본문이다 if("0null"){ document.write("실행되었습니다(true).".. 2022. 7. 25.
반복문 반복문 반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문, do while문, for문이 있으며, for문을 가장 많이 사용합니다 for문 for문의 기본 형식입니다. for ( 초기값; 조건식; 증가감식){ 실행문; } while문 while문의 기본 형식입니다. 초기 값 while (조건식) ){ 실행문; 증가감식; } do while문 do while문의 기본 형식입니다. 초기 값 do {{ 실행문; 증가감식; } while (조건식) 1. 0부터 99까지 출력하기 시작값 0부터 1씩 증가해서 100보다 작거나 같은 값 까지 구한다 //0부터 99까지 출력하기 for( let i = 0; i < 100; i++ ){ .. 2022. 7. 21.
연산자 기본 규칙 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자입니다. 자바스크립트에서 연산자에는 산술연산자, 대입연산자, 비교연산자, 논리연산자 등이 있습니다. 산술 연산자 산술 연산자를 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다. 산술 연산자 종류 속성 설명 + 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자와 변수 등을 연결할 때 사용합니다. - 빼기 연산을 할 때 사용합니다. * 곱하기 연산을 할 때 사용합니다. / 몫 을 구할 때 사용 합니다. % 나머지를 구할 때 사용 합니다. ++ 1씩 증가시킬 때 사용합니다. -- 1씩 감소시킬 때 사용합니다. 대입 연산자 대입 연산자는 변수에 값을 대입할때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽입니다. 대입 연.. 2022. 7. 20.
광고 준비중입니다

티스토리툴바