Front-end/JavaScript 118

[자바스크립트] jQuery 사용하기

jQuery는 보편적으로 사용되는 라이브러리다. 두 가지 사용법이 있다. 우선 아래 링크로 들어간다. Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com 다운로드 방식 링크로 들어가면 제일 위에 이런 링크가 있다. 위에 것이 압축, 아래가 비..

[자바스크립트] 반복문의 break, continue문

반복문으로 숫자 출력 반복문으로 1부터 10까지 순회하도록 한다. 그리고 순회한 i 값을 모두 출력하도록 한다. 1부터 10까지가 출력된다. Continue i가 3의 배수일때는 continue문이 실행되도록 했다. 3의 배수가 빠져서 출력된다. continue를 만나면 반복문은 아래의 코드를 모두 건너뛰고 다음 순회를 실행한다. Break i가 3의 배수이면서 9라면 break문이 실행되도록 했다. 하지만 3의 배수일때 continue문을 먼저 만나므로 아래의 코드는 모두 실행되지 못할 것이다. 10이 출력되는 거로 보아 continue문의 아래 break문은 영원히 실행될 가망성이 없어보인다. 따라서 continue문을 아래로 옮겨준다면 건너뛰는것을 확인하기 전에 break문을 먼저 확인하므로 실행이..

[자바스크립트] for문, 배열크기, 배열, 구구단 출력

배열생성 기본적인 배열 생성, 대괄호 안에 내용들을 입력하여 생성한다. 콤마로 구분되는 인자를 배열의 각 인자로 인식한다. 배열이름[인자]는 해당 배열의 '인자+1'번째 값을 가져온다. 배열은 0부터 시작이기 때문에 city[2]는 city배열의 3번째 인자를 가져온다. 배열크기 배열이름.length는 배열의 크기를 나타낸다. for문 js의 for문 문법은 c나 java의 문법과 비슷하다. for(시작점;조건식;실행식) {반복문 내용} i변수가 0부터 시작해서 매회 ++증가하고 배열의 길이인 city.length를 넘어서게 된다면 반복문은 종료가 된다. 반복문이 반복될때마다 city[i]값을 출력하여 증가되는 i값이 배열의 각 인자를 반복하여 출력하게 된다. 중첩반복문으로 구구단 출력 첫 번째 반복문으..

[자바스크립트] switch문

본인의 직급을 숫자로 입력받게끔 한다. switch문에 rank변수를 받고 1번 케이스일 경우 case '1' : 이라고 작성하고 실행될 코드를 작성해준뒤 break문을 통해 switch문을 종료해준다. 다른 케이스도 모두 작성해주고, 모든 케이스에 속하지 않은 rank변수값이 들어올 경우 알림창을 통해 예외처리해준다. 차장일 경우 2를 입력한다면 해당하는 case의 코드가 실행되고 switch문이 종료된다.

[자바스크립트] if, else if, else, 조건문

js의 if문 문법은 C나 자바등의 언어와 같다. value변수에 숫자를 입력받는다. prompt는 string으로 입력받으므로 parseInt를 사용해 int형으로 형변환해준다. if if문은 괄호안의 조건이 참일때 { }안의 내용을 실행한다. value변수를 2로 %나눴을때 ==0으로 딱 떨어진다면, 안의 내용인 알림창으로 짝수라는 문자를 띄워준다. else else문은 위의 if문이 거짓으로 실행되지 않는다면 그 이외의 모든 케이스에 모두 실행된다. 짝수가 아닌 25가 입력된다면 else문의 내용인 홀수가 출력되지만, 문자가 입력이 되더라도 홀수라고 출력이 된다. else if 홀수의 조건문 또한 else에서 if로 바꿔줬다. 두 if문이 둘다 실행이 되지 않았다. 이번엔 홀수를 입력하자 제대로 나..

[자바스크립트] 연산자, 알림창, 숫자형변환

알림창 알림창은 alert를 쓴다. 안의 내용은 알림창에 표시될 내용이다. 연산자 두 변수에 값을 주고 원둘레를 구하는 식을 알림창 안에 넣었다. *로 인해 곱연산이 적용되어 원둘레가 구해져서 알림창에 표시된다. +=를 사용해 문자열을 누적합 시켜본다. list문자열 변수에 4행의 내용이 모두 누적합되어 html화면에 표시된다 형변환 input변수에 숫자를 입력받아본다. 입력창에 14를 입력해줬다. typeof를 사용해 input변수의 변수형이 무엇인지 알림창을 통해 나타낸다. input 변수의 변수형은 string이다. prompt는 무엇을 입력받던 string으로 받는다. string형인 input변수에 Number()를 이용해 int형으로 형변환 한 뒤 numType변수에 저장한다. 형변환한 num..

[자바스크립트] 입출력, 변수, 함수

변수 변수는 모든 자료형 공통으로 var를 사용한다. name이라는 변수를 생성해줬다. 입력 prompt를 사용하여 입력을 받고 그 내용을 생성한 name변수에 저장한다. prompt괄호안의 내용은 위와같이 나온다. 출력 입력받은 내용을 출력하기 위해 document.write를 사용하여 태그를 입혀 문장을 출력하도록 했다. '입력받은이름'이라는 내용이 name변수안에 저장이 되고, 출력이 된다. 함수 함수의 생성은 function 함수이름() {함수내용}으로 생성한다. var currentYear로 변수를 만들어주고 birthYear변수는 입력을 받는다. prompt안의 내용 첫번째는 입력창 위의 설명에 들어가고, 두번째는 설명창 안에 들어간다. 나이를 계산하는 함수다. 태어난 년도를 입력창에 입력하면..