코드스테이츠
-
[코드스테이츠 TIL] CSS 선택자 : CLASS, IDStudy/HTML & CSS 2019. 11. 22. 21:53
[ CSS ] Cascading Style Sheets의 약자 웹 페이지 구성요소의 스타일을 정의하는 언어 CSS를 HTML에 적용하는 세가지 방법 1. inline HTML의 특정 태그에 직접 style을 적용 Hello world 2. HTML 내부에 stylesheet 작성 태그 이용하여 Hello world Contents here Here too! 3. HTML 외부에 stylesheet 작성 태그 이용 css 확장자로 저장된 stylesheet 파일을 href 속성을 이용해 삽입 Hello world Contents here Here too! [ CSS SELECTOR ] CSS 선택자 : CSS에서 요소(element)를 선택하는 규칙 1. 각각의 ELEMENT에 고유한 ID를 부여 : #I..
-
[코드스테이츠 TIL] Fetch 서버에 요청하기Study/JavaScript 2019. 11. 14. 22:23
[ fetch ] 브라우저 내장 메소드이며, 서버에 요청하는 용도로 사용한다. 요청하는 주체: 클라이언트 요청에 따른 응답을 주는 것: 서버 일반적으로 서버에게 HTTP (URL) 요청 후, 응답을 처리한다 응답은 다양한 형태로 받을 수 있다 (JSON, HTML, plain text 등등) http 요청은 fetch API를 활용한다. //날씨 API 사용 fetch('http://서버주소/weather?q=Seoul') .then(function(resp) { return resp.json(); // 응답 형식에 따라 resp.text() 가 될 수도 있다 }) .then(function(json) { console.log(json); // { tempature: 27 } }); * 날씨 API ht..
-
[코드스테이츠 TIL] 재귀 RecursionStudy/JavaScript 2019. 11. 13. 12:08
재귀 : 함수를 스스로 호출하는 것 - 기본적으로 반복문이므로 모든 재귀는 반복문으로 표현 가능하다 - 무한 반복을 방지하기 위해 반드시 탈출 조건이 있어야 한다 //재귀 function factorial(n) { //base case : n이 0이면 재귀를 더 이상 진행하지 않는다 if(n===0){ return 1; } //recursive case return n * factorial(n-1); } //반복 function factorial(n) { let result = 1; for (let i=n; i>0; i--) { result = result * i; } return result; } 재귀의 사용 : 피보나치 수열, 돔 트리 구조 탐색 재귀의 장점 : 알고리즘이 재귀로 표현하기 자연스러울경..
-
[코드스테이츠 TIL] This & 함수메소드 call, apply, bindStudy/JavaScript 2019. 11. 11. 12:37
[ this ] Execution context : 어떤 함수가 호출되면 실행 컨텍스트(Execution context)가 만들어진다 - 콜스택에 push - 함수를 벗어나면 콜스택에서 pop - scope 별로 생성된다 - 실행 컨텍스트에 담긴 것: 스코프 내 변수 및 함수, 전달인자, 호출된근원(caller), this this : 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자 - Execution context 의 구성 요소 중 하나로 함수가 실행되는 동안 이용할 수 있다 - this는 콜타임, 즉 불러올 때/실행될 때 결정된다 [ this의 5가지 패턴 ] 1. Global : window var name = 'Global Variable'; console.log(this.name)..
-
[코드스테이츠 TIL] 객체지향 Class & Instance & PrototypeStudy/JavaScript 2019. 11. 8. 12:24
[ Class 와 Instance ] 객체지향 프로그래밍이란? 하나의 모델이 되는 청사진(blueprint)를 만들고 => class 그 청사진을 바탕으로 한 객체(object)를 만드는 => instance 프로그래밍 패턴을 의미한다. [ class 정의 ] //ES5 버전 function Car(brand, name, color) { //인스턴스가 만들어질 때 실행되는 코드 } //ES6 버전 class Car() { constructor(brand, name, color) { //인스턴스가 만들어질 때 실행되는 코드 } } [ new 키워드를 통해 class의 instance 만들기 ] let avante = new Car('hyundai', 'avante', 'black'); let mini = ..