꿈트(GGUMT)

퀴즈 이펙트 : 퀴즈 내고 맞추는 페이지 만들기 퀴즈를 푸는 사이트를 만들어 보겠습니다. HTML/ CSS/ JAVASCRIPT를 활용하여 만들었습니다. 목적은 자바스크립트로 문제를 저장하고 문제에 맞는 텍스트를 출력할 수 있도록 만들었습니다. HTML Quiz 정답 확인하기 유형 . 정답확인하기 연변대비 aimee00418@gmail.com CSS_공통 리셋 /* reset css */ @import url('https://webfontworld.github.io/neodgm/NeoDunggeunmo.css'); @import url('https://webfontworld.github.io/DungGeunMo/DungGeunMo.css'); @import url('https://webfontworld...

자바스크립트 데이터 불러오기 01. 변수 : 데이터 불러오기 02. 상수 : 데이터 불러오기 03. 배열 : 데이터 불러오기 : 기본 04. 배열 : 데이터 불러오기 : 2차 배열 05. 배열 : 데이터 불러오기 : 갯수 구하기 06. 배열 : 데이터 불러오기 : for()문 07. 배열 : 데이터 불러오기 : 중첩 for()문 08. 배열 : 데이터 불러오기 : forEach() 09. 배열 : 데이터 불러오기 : for of 10. 배열 : 데이터 불러오기 : for in 11. 배열 : 데이터 불러오기 : map() 12. 배열 : 데이터 불러오기 : 배열 펼침연산자 13. 배열 : 데이터 불러오기 : 배열 구조분해할당 14. 객체 : 데이터 불러오기 : 기본 15. 객체 : 데이터 불러오기 : O..

자바스크립트 기초 상식 알아보기 자바스크립트 배울 때 기본지식 1) 인터넷과 웹(WWW)에 대한 전반적인 이해 2) HTML(HyperText Mark-up)에 대한 실무 지식 자바스크립트는 무엇인가요? JavaScript는 개발자가 대화식 웹 페이지를 만들기 위해 사용하는 프로그래밍 언어입니다. 소셜 미디어 피드 새로 고침부터 애니메이션 및 대화형 지도 표시에 이르기까지, JavaScript 기능은 웹사이트의 사용자 경험을 개선할 수 있습니다. 클라이언트 측 스크립팅 언어로서 JavaScript는 월드 와이드 웹의 핵심 기술 중 하나입니다. 예를 들어 인터넷 탐색 시 웹페이지에서 이미지 슬라이드쇼, 클릭하면 표시되는 드롭 다운 메뉴 또는 객체 색상의 동적 변화를 보게 된다면 이는 JavaScript의 ..

자바스크립트 제어문 01. if문 if문은 가장 간단한 조건문이다. 주어진 조건이 참이면 true, 아니면 false를 출력한다. 1, true, "0","1", 0

함수 01/ 선언적 함수 선언함수는 자바스크립트 함수의 여백과 패딩을 관리하는 역할을 하는 함수를 말한다. 선언함수 안에서 margin과 padding의 값을 설정하여 함수의 여백과 패딩을 조절할 수 있다. { function func(){ document.write("실행되었습니다. "); } func(); } 02/ 익명 함수 익명함수란 이름이 없는 함수를 말한다. 익명함수는 함수 리터럴로 정의하며 주로 변수에 할당하여 사용하거나 함수의 인수로 전달하여 사용된다. 익명함수는 즉시 실행 함수로도 불리며 (IIFE, Immediately Invoked Function Expression) 함수 선언과 동시에 실행되는 특성을 가지고 있다. { const func = function(){ document.w..

자바스크립트 조건문 자바스크립트에서 조건문은 주어진 조건이 참(true)인 경우에만 실행되는 코드 블록을 만들 수 있도록 한다. 01. if문 if문은 가장 간단한 조건문이다. 주어진 조건이 참이면 실행되는 코드 블록을 만든다. // false : 0, null, undefined, false, ""(빈문자열) // true : 1, 2, "0", "1", "ABC", [], {}, true if(0){ document.write("실행되었습니다. (true)") } else { document.write( "실행되었습니다.(false)") } 02. if문 생략 const num = 100; // if(num){ // document.write("실행되었습니다.(true)") // } else { //..

" 반복문은 같은 동작을 여러 번 실행하기 위해 사용하는 문이다. 불필요하게 여러 명령을 늘어 놓을 필요없이 명령을 반복 실행할 수 있다. 그만큼 소스가 깔끔하고 프로그램 실행도 빠르다. 01/ for문 자바스크립트에서 가장 많이 사용하는 반복문이다. 조건에 들어가는 값이 일정하게 커지면서 명령을 반복실행 할 때 쓴다. 01/ 초깃값 : 카운터 변수. 몇번 반복할 지 지정하기 위해 카운터 변수를 선언하고 초기화한다. 0이나 1부터 시작. 02/ 조건 : 문장을 반복하기 위해 체크할 조건 03/ 증가식 : 보통 카운터값을 하나씩 증가시키는 용도로 사용 02/ forEach문 배열에서는 forEach문을 사용해서 좀더 쉽게 반복한다. / 콜백함수란, 다른함수의 인수로 사용할 수 있는 함수를 가리킨다. 프로그..

" 연산자 프로그램을 만드는 수식에 필요한 것이 연산자이다. 연산자의 종류는 산술연산자, 대입연산자, 비교연산자, 논리연산자 등이 있다. / 산술연산자 01/ '+' 연산자 더하기 연산을 할 때 사용한다. 문자와 문자, 문자와 변수 등을 연결할 때 사용한다. '+'를 기준으로 좌변과 우변에 숫자가 아닌 문자나 변수 등이 오면 더하기 연산이 아닌 연결 연산을 한다. 02/ %(나머지) 연산자 나머지를 구할 때 사용한다. '반복적인 숫자 구간의 패턴', 조건문을 이용한 '짝수 / 홀수 / 배수 판단' 등의 식을 만드는 데 사용한다. 03/ ++, -- 연산자 1씩증가하거나 1씩 감소할 때 사용한다. '+'와 '+' 사이, '-' 나 '-' 사이에 공백이 있으면 안된다. 주로 변수의 앞쪽에 붙여 사용한다. /..

id와 class의 차이점 " 자료형 (data type) 이란 프로그램에서 처리할 자료의 형태를 말한다. 예를 들어 3이라는 숫자를 숫자로 처리할지, 문자열로 처리할지에 따라 결과값이 달라진다. 컴퓨터는 프로그램이 처리할 자료의 유형을 명확히 지정해 주어야 일을 하는데 이러한 자료의 형태를 '자료형' 이라고한다. 자료형은 원시유형(primitive)과 객체(object)로 나뉜다. 원시유형(primitive) 원시 유형은 하나의 값만 저장하는 자료형이다. 숫자형, 문자열, 논리형, undefined, null, symbol 유형이 있다. 그 외는 모두 객체이다. 01. 숫자형(number) 자바스크립트에서는 정수와 실수를 묶어 '숫자형'이라고 한다. 따옴표 없이 입력하는게 원칙이며, 따옴표 안에 작성하..