자바스크립트
-
[생활코딩] JavaScript 객체지향 : 생성자와 newStudy/JavaScript 2019. 12. 7. 18:06
객체지향 프로그래밍 프로그램을 만들면서 규모가 커질때, 변수나 함수와 같은것이 아주 많아지게 되고, 복잡해 지기 시작한다. 그래서 비슷한 맥락의 변수와 메소드를 그룹핑하기로 하고 '객체'라는 것이 탄생하게 된다. 즉, 로직을 상태와 행동(변수와 메소드)로 나누고 연관된 것들끼리 그룹핑한 것을 객체라 하고, 이를 조립해 프로그래밍을 하는 것을 객체지향 프로그래밍이라고 할 수 있다. 부품화와 재활용성을 극대화시키는 방법이다. 소프트웨어의 설계란 현실을 프로그래밍적으로 추상화하는 것을 말한다. 객체지향의 여러 가지 특성들 - 부품화 : 프로그램의 로직들을 기능별로 나눠 부품화하는 것 - 은닉화, 캡슐화 : 로직을 온전히 부품화하기 위해 내부동작법은 케이스에(객체) 숨기고 사용법(메소드)만 노출하는 것 - 인터..
-
[생활코딩] JavaScript 배열Study/JavaScript 2019. 12. 4. 18:29
배열 Array 프로그래밍을 하면서 데이터가 많아짐에 따라 코딩은 너무 복잡해지게 되고, 사람이 감당할 수 없는 소프트웨어가 되어버렸다. 따라서 연관된 데이터를 잘 정리정돈하는 일종의 수납상자 같은 것이 필요해졌는데, 그것을 배열(array) 이라고 한다. 배열(array) 이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 즉, 여러 개의 데이터를 담기 위한 그릇의 역할을 하고 일반적으로 변수에 저장되어 쓰인다. 배열 내에 있는 하나 하나의 데이터를 원소(element)라 하고, 그것을 식별하는 식별자를 주로 색인(index) 라 칭한다. index는 첫 번째 원소는 0이고, 이후 1,2,3.. 순서대로 매겨진다. 배열 활용하기 - 배열 작성법 : var 변수이름 = [ '데..
-
[코드스테이츠 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)..