이롭게 현명하게

목차 라이브러리란 프레임워크란 차이점 장단점 [요약] 프레임 워크는 어떠한 것을 만들기 위해 주어진 환경이고 라이브러리는 어떤것을 만들기 위해서 주어진 도구이다. 프레임 워크는 양식, 라이브러리는 도구세트라고 생각하면 이해가 쉽다. 라이브러리, 프레임워크는 둘 다 다른 누군가가 작성한 코드이다. 프로젝트를 위해서 개발자들은 이것들을 가져다 사용한다. 라이브러리와 프레임워크는 모두 개발을 쉽게 할 수 있도록 도와준다. 이것들을 사용하지 않고 개발하기는 무척 어렵다. 라이브러리와 프레임워크는 사용하기가 쉽고 좋은 것만은 아니지만 최근 개발하는 것들은 모두 사용하고 있기 때문이다. 개발자의 인건비, 개발 일정 등을 고려한다면 처음부터 모든 것을 만드는 것은 비효율적인 것이 대부분이기 때문이다. 고급 개발자들이..

목차 동기와 비동기 싱글 스레드 언어 자바스크립트 엔진이란? 비동기 실행과정 https://devyihyun.tistory.com/148 [동기와 비동기] 쿠팡의 과일 구매 목록이다. 웹페이지에 과일 목록이 보이기까지 1분이 걸린다고 하자 동기적으로 실행했다면 목록이 보이기까지 1분 동안 화면 스크롤, 버튼 클릭 등 아무것도 할 수 없다. 현재 실행하고 있는 함수가 있기 때문에 다른 일을 할 수 없어 다른 일들이 블록 된다. 즉, 브라우저에서 오래 걸리는 작업이 실행될 경우, 웹페이지의 UI는 멈춰버리고 사용자는 어떤 작업도 할 수 없다. 그렇기 때문에 비동기식으로 과일 목록을 불러와야 한다. 동기와 비동기, 동기는 하나씩 실행되고 비동기는 동시에 실행된다고 흔히들 알고 있다. 하지만 그렇지 않다. 비동..

목차 1. 동기 비동기 개념 이해 동기와 비동기란? 동기와 비동기 차이 언제 쓰이는가? 비동기를 사용하는 이유 2. 동기 비동기 원리 동기, 비동기의 개념 정확히 이해해야 프로그램 개발 시 적절히 활용할 수 있다. 자바스크립트로 프로그램 개발 시 한 번쯤은 들어봤거나 사용해 본 경험이 있을 것이다. 동기 : 답변을 기다린다. 비동기 : 답변을 기다리지 않는다. 동시에 실행된다. 동기는 답변을 기다리는 것이고 비동기는 동시에 실행한다거나 답변을 기다리지 않는다고 알고 있을 것이다. 하지만 그렇지 않다. 택배 기사님이 물건을 배송한다. 기사님이 배송해야 할 물품은 3개이다. 3개의 집에 택배를 배송해야 한다. 이때 동식과 비동기식의 방식이 나타난다. [ 동기식 ] 택배를 1호에 가져다주기 위해 1호에서 벨을..

목차 함수의 기초 변수와 함수의 유효 범위 매개변수와 인수 미리 정의된 전역 함수 [함수의 기초] 함수(function) : 하나의 특별한 목적이 작업을 수행하도록 설계된 독립적인 블록 필요할때 마다 호출하여 해당 작업을 반복해서 수행할 수 있다. function addNum(x, y) { return x + y; } console.log(addNum(2, 3)); 자바스크립트에서는 함수도 하나의 타입(datatype)이다. 함수를 변수에 대입하거나 함수에 프로퍼티를 지정하는 것도 가능하다. 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수 있다. function 함수이름(매개변수1, 매개변수 2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } 함수 이름 (function name) ..

목차 배열 기초 배열 활용 [배열 기초] 배열(array) : 이름과 인덱스로 참조되는 정렬된 값의 집합 배열 요소 (array element) : 배열을 구성하는 각각의 값 인덱스(index) : 배열에서의 위치를 가리키는 숫자 배열 요소의 타입이 고정되어 있지 않아 같은 배여레 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array객체로 다뤄진다. 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2. var arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 3. var arr = n..

목차 조건문 반복문 기타 제어문 * 제어문 : 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문 [조건문] if 문 if / else 문 if / else if / else 문 switch 문 삼항 연산자 // 1. if 문 if(표현식){ 실행문 } // 2. if / else 문 if(표현식){ 실행문 } else{ 실행문 } // 3. if / else if / else 문 if(표현식){ 실행문 } else if(표현식){ 실행문 } else{ 실행문 } // 4. switch 문 switch (조건 값) { case 값1: 조건 값이 값1일 때 실행하고자 하는 실행문; break; case 값2: 조건 값이 값2일 때 실행하고자 하는 실행문; break; ... default: 조건 값..