⁂ Java Script

[JS] #4-3 정렬(Sort)

1. 정렬을 하는 이유 웹사이트의 게시판을 보면 늘 최신글이 1페이지에 떠있다. 이처럼 수많은 데이터들을 일정한 기준을 갖고 순서대로 재배치하는 것을 정렬(Sort)이라 부른다. 정렬의 유형은 두 가지로 오름차순과 내림차순이 있다. 1) 오름차순 : Ascending; ASC - 오름차순의 순서 : 숫자(1 > 10), 영어 대문자(A > Z), 영어 소문자(a > z), 한글 ... 2) 내림차순 : Descending; DESC - 내림차순의 순서는 오름차순의 역순이다. 정렬 방식에 따라서도 여러가지 형태로 나뉘는 데 지금 단계에서는 이름만 눈에 익혀두기로 하자. : insertion sort(삽입정렬), selection sort(선택 정렬), bubble sort, ~~~ 참조 사이트 : http..

[JS] #4-2 배열에서 사용되는 메소드(Method)

1. 메소드?!? 메소드의 사전적 정의는 '방법'이다. 즉 어떤 방법을 사용해서 활용할거야? 를 묻는 것으로 기능이라고 생각하면 편하다. (기능은 function > 함수가 된다, 즉 메소드는 함수라고 봐도 무방하다) #4-1에서 잠깐 알아보았던 .length 와 같이 배열에서 사용되는 객체 관련 메소드를 알아보자! 참조 사이트 : https://www.w3schools.com/js/js_array_methods.asp JavaScript Array Methods W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like H..

[JS] #4-1 배열(array)

1. 배열이 뭐야? 배열은 다양한 자료를 일정 형태로 그룹화하는 것을 말한다. 배열은 연속성을 띈 자료들을 나열하기에 열거형이라 부르기도 하고 컬렉션(collection)이라고 부르기도 한다. 배열은 하나의 변수에 1개 이상의 값을 저장할 수 있는 공간을 만들어주며 element(요소)와 index(순서)로 구분되어있다. index를 먼저 나누어준 뒤(주로 0부터 시작한다) 그 안에 element를 채워넣는다. 만약 kor이라는 변수를 선언하고 그 안에 10, 20, 30의 데이터를 저장했다고 하자. 그리고 그 각각의 데이터들을 나눠서 각각 저장한다. 이 과정을 배열이라고 부른다. 배열에서는 kor[]안에 순서를 정하여 값을 넣어 놓는다. 이 때 kor[0]이 index, 10이 element가 된다. ..

[JS] #3-2 제어문 : 반복문(for문, while문, do-while문)

1. 반복문 다시 한 번 말하자면 제어문이란 프로그램의 코드가 흘러가는 흐름을 제어하는 문이다. 제어문의 한 종류인 반복문은 코드를 다시 한 번 반복시켜주는 문이다. 반복문은 for문, while문, do-while문으로 나누어져 있다. 반복문에서는 break문, continue문도 함께 사용하며 끝없이 반복되게 하는 무한루프를 만들 수도 있다. 우리는 이 반복문 중에서도 for문을 위주로 반복문을 알아보려한다. 2. for문 for문의 기본 문법은 아래와 같다. for ( 시작값 ; 종료값 ; 증감) { 얼마나 반복시킬 것인가 } //무엇을 반복시킬 것인가 for문도 if문과 마찬가지로 프로그램의 버전에 따라 허용되는 것들이 다르기 때문에 기본적인 for문의 사용방법을 따르려한다. 1) 증가에 따른 반..

[JS] #3-1 제어문 : 조건문(if문, switch-case문)

1. 제어문부터 이해하자 프로그램은 늘 같은 흐름으로 실행이 된다. 위에서부터 아래로. 왼쪽에서 오른쪽으로. 결코 아래에서 위의 방향으로 실행이 되지 않는다. 이런 것들을 제어하는 문장이 바로 제어문이다. 제어문의 종류는 크게 두 가지가 있다. - 조건문 : if문, switch-case문 - 반복문 : for문, while문, do-while문 그리고 이 제어문 안에서 쓰이는 break문과 continue문도 함께 알아볼 예정이다. 그럼 가장 먼저 조건문부터 알아봐 보자. 2. 조건문 If문 조건문은 boolean 값으로 판단된다. 이 if문은 우리가 배웠던 삼항 연산자와 비슷한 구조를 갖고 있다. 먼저 기본 문법부터 알아보자. 1) if (조건) { 조건이 true이면 처리 } 2) if (조건) {..

[JS] #2-5 매스 객체(math)

1. 편리한 게 좋아 매스(math). 그렇다. 수학이다. 왜 수학이란 말이 붙었을까? 사람들에겐 모두가 통용할 수 있는 데이터들이 있다. 예를 들어 올해가 몇 년도인지 라던가, 몇 월이라던지 라던가, -3의 절대값은 3이라던가. 이런 것들을 프로그래밍 언어에서는 각자만의 완성된 소스로 갖고 있다. (각각의 언어에선 다르게 불리긴 하지만 기능은 같다) 앞에서 연습했던 절대값을 구하거나, 최대값을 구하거나 하는 것도 Math 객체를 이용하면 손쉽게 구할 수 있다. 2. Math 객체 알아보기 Math 객체의 기본 문법은 아래와 같다. Math.속성(자료) 아래의 코드를 보면서 다양한 Math 객체가 쓰이는 모습을 살펴봐보자. document.write(Math.abs(-3)); // 절대값 document..