JavaScript
-
자바스크립트 기본 - 배열JavaScript/생활코딩 2018. 11. 16. 14:47
배열 - https://opentutorials.org/course/743/4736 배열(array)은 연관되어있는 데이터들을 모아서 통으로 관리하기 위해서 사용하는 데이터의 형식배열은 데이터들을 담는 그릇이다. 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이다. a. 배열의 생성 배열을 만드는 방법은 아래와 같다.변수를 선언하고 변수안에 대괄호를 이용하여 배열을 만들어 준다.회원들의 정보를 각 각 다른 변수에 저장하는 것보다 하나의 변수에 한꺼번에 저장할 때 아래와 같이 배열을 사용할 수 있다.'' 안에 있는 각 각의 값들은 원소라고 부른다. var member = ['egoing', 'k8805', 'sorialgi'] 배열을 생성하게 되면 순서대로 원소마다 고유한 번호, 즉 식별자를 갖게 된다..
-
자바스크립트 기본 - 함수JavaScript/생활코딩 2018. 11. 15. 17:11
함수 - https://opentutorials.org/course/743/4729 함수(function)는 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 ☆재사용성☆을 높여준다. 함수가 없다면? - 특정한 로직을 여러군데 사용하고 있다고 가정했을 때, 로직이 수정되면 사용되는 곳을 모두 다 수정해주어야 한다.하지만 특정한 로직을 함수로 만들어 놓고 사용되는 곳에 넣어놓는다면 함수안에 있는 로직을 변경하면 사용되는 곳에 있는 함수들도 다 수정이 된다. 즉 재사용성, 유지보수가 용이하다. a.함수의 형식function 함수명( [인자...[,인자]] ){ 코드 return 반환값}문법만으로는 함수의 형식을 체감하기 힘드므로 직접 사용해보아야 한다. b. 함수의 정의와 호출 예제예제를 크롬에서 열게..
-
자바스크립트 기본 - 반복문JavaScript/생활코딩 2018. 11. 15. 15:25
반복문 - https://opentutorials.org/course/743/4728 반복문 - 반복적인 작업(loop, iterate), 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 반복문에는 while, for 가 있다. 반복문이 없다면? - 어떤 작업 코드가 짧은 테스트 코드일 경우 복사하여 사용할 수 있지만 코드가 만번, 혹은 그 이상 반복되어야 할 때 는 복사 작업이 힘들뿐 아니라 실수할 가능성이 많아 진다. a. while while의 문법while(조건 boolean데이터타입){ //조건이 true면 중괄호 실행, false가 될때까지 실행한다. 반복해서 실행할 코드}while의 조건이 true일 경우 코드가 무한루프로 실행되기 때문에 적절한 시기에 false 조건으로 바뀌도록 해야한다. ..
-
자바스크립트 기본 - 조건문JavaScript/생활코딩 2018. 11. 14. 17:56
조건문 - https://opentutorials.org/course/743/4724 조건문은 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것.프로그램을 똑똑하게 만드는 것이다. a. 조건문의 문법 if조건문은 if 로 시작한다. if뒤에 있는 괄호에 true인 경우, 중괄호가 실행된다.if뒤에 있는 괄호가 false인 경우 중괄호가 실행되지 않는다. 예제예제를 크롬에서 열게 되면 첫번째 if문만 경고창이 실행된다.경고창 답1. result : true 예제2예제를 크롬에서 열게 되면 차례대로 경고창으로 나타난다.경고창 답1. 12. 23. 34. 45. 5 if뒤에 false가 온다면 중괄호가 실행되지 않고 alert(5); 만 실행된다. else, else ifif만으로는 복잡한 상황을..
-
자바스크립트 기본 - 비교JavaScript/생활코딩 2018. 11. 14. 16:56
비교 - https://opentutorials.org/course/743/4722 비교는 다음 챕터인 조건문과 결합해야 프로그래밍적인 어떤 소스를 만들 수 있다. a. 연산자연산자는 어떠한 작업을 컴퓨터에게 지시하기 위한 기호ex ) a = 1 에서 =는 대입연산자 -> a라는 변수에 1이라는 값을 대입해라 b. 비교연산자두 개의 값을 비교하여 판별하는 연산자비교연산자의 결과는 true, false 두 개의 값 중 하나를 갖게 된다.true, false의 데이터형식은 boolean 이다. ( 1,2,3의 데이터형식이 number인 것과 비교하면 이해하기 쉽다) ==동등연산자좌항과 우항을 비교해서 값이 같으면 true, 값이 다르면 false가 된다. 아래 두 가지는 다른의미를 가진 연산자이므로 같은 뜻..
-
자바스크립트 기본 - 주석JavaScript/생활코딩 2018. 11. 14. 14:59
주석 - https://opentutorials.org/course/743/6470 주석을 사용하면 자바스크립트가 해당 영역을 해석하지 않고 무시한다.주석은 1차적으로 코드의 도움말을 쓸때 사용한다.잘만들어진 코드는 좋은 주석이 달려있다. 미래에 타인 혹은 자신이 봤을 때 이해를 잘 할 수 있도록 주석을 달아야 한다. // : 한줄만 주석이 됨/* ~ */ : 여러줄로 주석을 만들 수 있음 예제예제를 크롬에서 열게 되면 주석부분을 모두 무시하고 해석하게 된다.
-
자바스크립트 기본 - 변수JavaScript/생활코딩 2018. 11. 14. 14:51
변수 - https://opentutorials.org/course/743/4673 변수(Variable)는 값을 담는 그릇이다.값은 다른 값으로 바뀔 수 있다. 자바스크립트에서 변수를 만들때는 variable의 약자인 var을 변수 앞에 붙여서 변수를 선언한다.예 ) var a; // 변수 a 를 선언 a. 변수의 선언 예제예제를 크롬에서 열게 되면 차례대로 경고창으로 나타난다.경고창 답1. coding everybody2. wjaal everybody b. 변수가 없다면 변수는 코드의 재활용성을 높여준다.변할 수 있는 영역인 변수 부분과 변하지 않는 영역을 잘 나누어서 코딩을 해야한다.-> 변할 수 있는 영역이 군데군데 들어가 있으면 수정시 실수 할 가능성이 늘어나기 때문이다. 예제2예제를 크롬에서 ..
-
자바스크립트 기본 - 숫자와 문자JavaScript/생활코딩 2018. 11. 14. 14:33
숫자와 문자 - https://opentutorials.org/course/743/4647 모든 데이터에는 형식이 있다.숫자와 문자도 형식에 속한다. a. 숫자 자바스크립트에서 숫자는 정수와 실수가 있다.정수와 실수를 엄격하게 구분할 필요는 없다. 정수 : -2, -1, 0, 1, 2 ~실수 : 소수점이 존재하는 숫자. 0.1, 0.2, 0.3~ 예제예제를 크롬에서 열게 되면 1.1 / 4.9의 결과가 경고창으로 나타난다.경고창 답1. 0.22448~ 예제2예제를 크롬에서 열게 되면 Math연산에 대한 값들이 차례대로 경고창으로 나타난다. 경고창 답1. 92. 113. 114. 105. 2.236067~6. 랜덤한 0.xx7. 랜덤한 100보다 작은 정수 b. 문자 문자는 ' ', " " 중의 하나로 감..