JS
-
[TIL] 2020-03-03Trainings/이전 TIL 기록 2020. 3. 3. 22:34
[노마드 코더] 바닐라 JS로 게임 만들기 #1Setup + Styles까지 수강 [프로그래머스] 자바스크립트와 웹 프론트엔드 파트 2. DOM + JS까지 수강 [배운 내용 정리] HTML, CSS, JS의 개념 HTML : 웹 페이지의 구조를 나타낸다. CSS : 웹 페이지 안에 존재하는 요소들의 스타일을 나타낸다. JS : JS로직을 통해 문서의 구조와 스타일에 변화를 줄 수 있다. 브라우저에서는 Javascript에서 HTML, CSS에 접근할 수 있는 API를 제공한다. window 객체 Javascript 실행 시 가장 상위에 존재하는 객체이다. 변수를 선언하거나 함수 선언 시 window 객체 안에 선언됨 표시된 웹 페이지의 정보에 접근하거나 변경을 할 수 있다. [종류] window.loc..
-
[TIL] 2020-03-02Trainings/이전 TIL 기록 2020. 3. 2. 22:42
[CSS] 문법 정리 [노마드 코더] 바닐라 초급 JS 수강 완료! [배운 문법] API란? → Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스는 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. “ 운영체제나 프로그래밍 언어가 제공하는 기능 ” → SK의 날씨정보, Daum의 지도정보, 카카오페이를 뜻한다. “응용 프로그램” → 우리가 만든 서비스라고 생각하면 이해가 편하다. fetch() 인자로 전달된 데이터를 서버로부터 서버에게 요청하는 방법이다. "Hello World!" fetch('html'). then(function(response){ response.text(). ..
-
[TIL] 2020-03-01Trainings/이전 TIL 기록 2020. 3. 1. 23:52
[노마드 코더] 바닐라 자바스크립트 #3.8 Image Background까지 수강 [배운 문법] event.target 이벤트가 발생시, 이벤트가 발생하는 해당 객체를 반환 filter() 배열 원소들을 반복하면서 조건(함수)에 true면 원소를 남기고 false면 없애버린다. 이것도 새로운 배열이 탄생한다. 배열 값들 중에 의미 없는 값들을 버릴 때 사용한다. 그냥 필터 건다고 생각면 편하다. parentNode() 부모 노드를 찾을 때는 parentNode 속성을 사용한다. 자식 노드는 여러 개일 수 있기 때문에 children이나 childNodes 같은 복수형 단어를 썼다면 부모는 항상 한 명이기 때문에 단수형 parentNode이다. new Image() 그림에 대한 정보를 알려주는 Image..
-
[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..
-
자바스크립트 - var, let, const 차이JavaScript/기본 2020. 2. 27. 22:36
자바스크립트에서 변수 선언 방식인 var, let, const의 차이점에 대해 알아보자! var의 특징 1. 함수 레벨 스코프(Function-level scope) 함수의 코드 블록만을 스코프로 인식하며, 따라서 전역 함수 외부에서 생성한 변수는 모두 전역 변수이다. if 문이나 for 문의 변수 선언문에서 선언한 변수를 코드 블록 외부에서 참조할 수 있다. 2. var는 키워드 생략 가능하고, 변수 중복 선언 허용이 가능 var는 변수 선언 방식에 있어서 가장 큰 단점을 가지고 있다. var name = 'python' console.log(name) // 결과 : python var name = 'javascript' console.log(name) // 결과 : javascript 변수 name을..
-
[TIL] 2020-02-27Trainings/이전 TIL 기록 2020. 2. 27. 22:15
[노마드 코더] 바닐라 자바스크립트 강좌 #1 Theory까지 수강 자바스크립트 : var / let / const 변수 선언 정리 [프로그래머스] 알고리즘 1문제 풀기 [생활코딩] 자바스크립트에서 전역 변수와 지역변수 원리 ※ 전역 변수 : 함수 외부에서 선언된 변수로, 에플리케이션 전역에서 접근이 가능한 변수를 의미한다. ※ 지역 변수 : 함수 내부에서 선언된 변수로, 함수 안에서만 접근이 가능한 변수를 의미한다. var vscope = 'global'; // 여기서, vscope는 전역 변수를 의미 function fscope(){ var vscope = 'local'; // 여기서, vscope는 지역 변수를 의미 alert('함수안 '+vscope); } fscope(); // 결과 : 함수안 ..