Study/JavaScript
-
[생활코딩] JavaScript 숫자와 문자열Study/JavaScript 2019. 11. 29. 18:50
데이터타입 프로그래밍에서는 데이터를 처리하는 것이 아주 중요한 일이다. 데이터를 잘 처리하기 위해선 종류별로 데이터를 구분하는 것이 필요하다. 데이터 타입에는 여러가지가 있는데, 자바스크립트에는 6개의 데이터 타입과 객체가 있다. number(숫자)는 숫자 연산자를 통해서 데이처를 처리하고, string(문자열)은 ' ' 또는 " " 로 작성하고 다양한 property와 method를 활용하여 다양하게 데이터를 처리할 수 있다. 숫자 Number 숫자는 프로그래밍 데이터 타입 종류중 하나이다. 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다. 숫자는 정수와 실수(0.1, 1.34 등등) 모두 취급한다. 사칙연산은 + - / * 등을 사용할 수 있고 더 복잡한 연산도 지원한다. ..
-
[생활코딩] JavaScript란 무엇인가?Study/JavaScript 2019. 11. 29. 16:17
Programming 음악회 공연같은 것에서 프로그램이라는 단어가 쓰였는데, 이 단어에는 '순서'의 의미가 있다. 즉, 프로그램 이란 순서를 뜻하고 그 순서를 만드는 행위가 '프로그래밍' 이며 그 순서를 만드는 사람이 '프로그래머' 라고 할 수 있다. 차차 발전해 가면서, 그 순서를 반복하거나 정리하거나 조건을 주는 방법이 발전하게 된다. HTML은 웹페이지를 묘사하는 것이기 때문에 시간의 순서와 상관이 없다. 그래서 프로그래밍언어라고 할 수 없다. 그러나 JavaScript는 상호작용을 위해 순서대로 기능을 구축하기 때문에 프로그래밍 언어라고 할 수 있다. JavaScript JavaScript란 웹브라우저를 프로그래밍적으로 제어하는 언어이다. HTML을 제어하며 웹페이지와 사용자가 상호작용하며 동적으..
-
[코드스테이츠 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] 비동기호출 Asynchronous Call & Callback 함수Study/JavaScript 2019. 11. 12. 12:01
[ Callback ] 콜백함수 : 다른 함수의 전달인자로 넘겨주는 함수 파라미터를 넘겨받는 함수는 콜백함수를 필요에 따라 즉시(synchronously) 실행할 수도 있고, 아니면 나중에(asynchronously) 실행할 수도 있다. 1. callback in action : 반복 실행하는 함수 iterator [1,2,3].map(funciton(el, index){ return el * el; }); 2. callback in action : 이벤트에 따른 함수 event handler document.querySelector('#btn').addEventListener('click', function(el) { console.log('button clicked'); }); ※ 콜백함수는 함수 실..