개념정리
-
[TIL] 2020-02-29Trainings/이전 TIL 기록 2020. 2. 29. 22:39
[노마드 코더] #3 Make your first JS App 3.6까지 수강 [배운 문법] new Date는 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초(천분의 1초(millisecond, ms)))을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다. 1. getYear() : 실제 연도에서 1900을 뺀 값을 출력한다. 2. getTime() : 1970년 1월 1일 자정을 기준으로한 밀리초 값을 보여준다. 3. getDay() : 요일 데이터를 기준으로 숫자가 출력된다. ex) 0은 일요일, 1은 월요일 4. getMonth() : 실제 월 값보다 1이 작다. ex) 1월은 0, 3월은 2 .. 5. getMinutes() : 분(minutes), 0~59, 0부터 시작함에 주의 6..
-
[TIL] 2020-02-28Trainings/이전 TIL 기록 2020. 2. 28. 23:29
[노마드 코더] DOM이란? → Document Object Model의 약자이며, BOM 중 하나이면서, 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용하여 문서를 해석하는 방법을 의미한다. BOM이란? → Browser Object Model 의미하며, 브라우저 객체 모델의 최상위 객체는 window라는 객체가 있고, DOM은 window 객체의 또 하나의 객체이기도 하다. 문서 노드(Document Node) 트리의 최상위에 존재하며 각각 요소, 어트리뷰트, 텍스트 노드에 접근하려면 문서 노드를 통해야 한다. 즉, DOM tree에 접근하기 위한 시작점(entry point)이다. 요소 노드(Element Node) 요소 노드는 HTML 요소를 표현한다. HTML 요소는..
-
HTML - <p>태그 / <br>태그HTML/HTML 2020. 2. 26. 17:47
오늘은 ~ 태그와 태그에 대해서 알아보자! [예제] 간장 공장 공장장은 강 공장장이고, 된장 공장 공장장은 공 공장장이다. 저분은 백 법학박사이고, 이분은 박 법학박사이다. 작년에 온 솥장수는 새 솥장수이고 금년에 온 솥장수는 헌 솥장수이다. 우선, 문장이 저렇게 3개의 문장이 주어졌다. 하지만, 3개의 문장이 단락이 구분되는 것이 아니라 한 줄로 출력되는 것을 확인할 수 있다. 그렇다면 이 3개의 문장을 가지고 단락을 구분하고 싶다면 태그를 사용하면 가능하다. [예제] 간장 공장 공장장은 강 공장장이고, 된장 공장 공장장은 공 공장장이다. 저분은 백 법학박사이고, 이분은 박 법학박사이다. 작년에 온 솥장수는 새 솥장수이고 금년에 온 솥장수는 헌 솥장수이다. 결과는 이렇게 단락이 구분되어 깔끔하게 3개의..
-
자바스크립트 - 객체JavaScript/기본 2020. 2. 25. 22:30
오늘은 객체에 대해서 알아보자! 일단 배열과 객체는 비슷하면서도 다른 것을 알 수 있다. 지금까지 살펴본 배열은 값에 대한 식별자로 숫자를 사용했다. 데이터를 추가하면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 우리는 이 인텍스를 이용해서 값을 가져오게 되는 것이다. 만약, 인덱스로 숫자가 아닌 문자를 사용하고 싶다면? → 객체(dictionary)를 사용해야 한다. 그렇다면 객체는 어떻게 생성할까? var word = {'a': 10, 'b': 20, 'c': 30}; // 객체 생성 여기서 'a'는 key를 뜻하고, 10은 value를 뜻한다. 또 객체를 만드는 다른 방법이 있다. var word = {}; word['a'] = 10; word['b..
-
자바스크립트 - 배열JavaScript/기본 2020. 2. 25. 00:27
오늘은 배열에 대해서 정리해보자! 배열(array)이란? 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 그렇다면 배열은 어떻게 생성할까?? 변수 member에 회원정보를 담아보자. 대괄호([])는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다. var member = ['Kim', 'Lee', 'Lim'] 하나의 변수에 3개의 데이터를 담았다. 각각의 데이터를 원소(Element)이라고 부른다. 자 그럼 이 데이터를 꺼내오려면 어떻게 해야 할까? var member = ['Kim', 'Lee', 'Lim'] ale..
-
자바스크립트 - 함수JavaScript/기본 2020. 2. 24. 22:07
오늘은 함수에 대해서 알아보자! 함수란? function 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 그렇다면 함수의 정의와 호출을 어떻게 할까? 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자하는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수이다. 또, 인자는 생략할 수 있고, 함수를 호출했을 때 실행하게 될 부분이 중괄호 안쪽에 온다. function fun(){ // 함수 정의 i = 0; while(i < 10){ document.write(i); i += 1; } } fun(); // fun이라는 이름의 함수가 호출 함수는 입력과 출력을 어떻게 할까? 바로 return과 인자를 통해서 할 수 있다...
-
자바스크립트 - 조건문JavaScript/기본 2020. 2. 24. 15:50
조건문의 문법을 알아보도록 하자! 조건문이란? 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것을 의미한다. if 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다. if(true){ alert('결과 : true'); } 조건이 참이면, 경고창이 뜨고 if(false){ alert('결과 : false'); } 조건이 거짓이면, 경고창이 뜨지 않을 것 이다. else if만으로는 좀 더 복잡한 상황을 처리하는데 부족하다. if(true){ alert(1); } else { alert(2); } 조건이 참이기 때문에, if의 중괄호 구간이 실행되고 1이라는 경..