Cosmic dust

반복문(for, while, do while) + break, continue 목차 0. 사용 이유 1. for 2. while 3. do while 4. break 5. continue 0. 사용 이유 1부터 10까지 로그를 찍어달라고 했을 때, console.log(1); console.log(2); console.log(3); . . 위와 같이 찍으면 될 것이다. 그런데 1부터 100까지, 1부터 10,000까지 찍어달라고하면? 헉, 100개의 콘솔 로그를 찍기는 너무 힘들다. 이렇게 동일한 작업을 여러번 반복할 때 쓰는 것이 반복문(Loop)이다. 1. for 가장 많이 사용하는 반복문은 for이다. 명확한 횟수가 정해져 있는 경우 주로 사용한다. for (let i = 0; i < 10; i++..

기본, 비교, 논리 연산자, 조건문 목차 1. 기본 연산자 (1) %의 쓰임 (2) 거듭제곱 (3) 연산자의 우선순위 (4) 연산자 줄여서 쓰기 (5) 증가 연산자, 감소 연산자 2. 비교 연산자, 조건문( = == !=, if, else) (1) 비교 연산자 (2) 동등 연산자 (3) 조건문(if, else) 3. 논리 연산자 (AND, OR, NOT) (1) ||(OR) (2) &&(AND) (3) !(NOT) (4) 우선순위 1. 연산자(Operators) 종류는 다섯 가지이다 +, -, *, /, % (1) %의 쓰임 우리가 흔히 +, -, *, /는 보니 알겠는데, %(나머지)는 어디에 쓸까? 예시 1) 홀짝 구분 홀수: X % 2 = 1 짝수: Y % 2 = 0 예시 2) 어떤 값이 들어..

형변환 목차 형변환 1. 왜 필요한가? (1) 사용자에게 입력받는 경우 (2) 직접 입력한 경우 2. 명시적 형변환 (1) String() 문자형 변환 (2) Number() 숫자형 변환 (3) Boolean() 형변환 String() -> 문자형으로 변환 Number() -> 숫자형으로 변환 Boolean() -> 불린형으로 변환 1. 왜 필요한가? ① 사용자에게 입력받는 경우 const mathScore = prompt("수학 몇점?"); //80 const engScore = prompt("영어 몇점?"); //70 // const result = mathScore + engScore / 2; // 이렇게 되면 나누기가 먼저 실행된다. const result = (mathScore + engScor..

메시지가 뜨는 alert, prompt, confirm 목차 1. alert 알려준다 2. prompt 입력받는다 confirm 확인받는다 1. alert() 알려준다: 내용 및 확인 버튼 함수가 실행되면 메시지가 뜨고, 사용자가 확인 버튼을 누르기 전까지는 계속 떠있다. 상호작용보다는 알림 용도 예) 삭제되었습니다. 2. prompt() 입력받는다: 입력 내용 및 확인 버튼 const name = prompt("이름을 입력하세요."); alert("환영합니다, " + name + "님"); // 팝업창 실행 const name = prompt("이름을 입력하세요."); alert(`안녕하세요, ${name}. 님. 환영합니다.`); const name = prompt("예약일을 입력해주세요.", "20..

변수, 자료형 목차 1. 변수 2. 자료형 (1) 문자형(String) (2) 숫자형(Number) (3) Boolean (4) fypeof 연산자 1. 변수(variable)(變數) 변수란 값이 특정지어지지 않아 임의의 값을 가질 수 있는 문자를 뜻한다. 아래는 변수를 선언하는 방법이다. name = “이름”; age = 30; class = “수업”//사용 불가(class가 예약어) 근데 이렇게 변수선언하는 건 위험하다. 다른 개발자가 덮어쓸 수 있기 때문이다. name = "가온" console.log(name); // 가온 name = "코딩" console.log(name); // 코딩 그래서 사용하는게 let, const이다. let: 변할 수 있는 값. 다시 선언할 수 있다. 이미 사용하고 ..

Higher Order Functions(고차 함수) 함수형 프로그래밍의 핵심 개념인 1. 불변성(immutability) 2. 순수성(purity) 3. 데이터 변환(transformation) 4. 고차 함수(Higher Order Functions) 5. 재귀(recursion) 중 4. 고차 함수 에 대해 설명하겠다. 함수형 프로그래밍에는 고차 함수가 꼭 필요하다! 고차 함수는 다른 함수를 조작할 수 있는 함수이다. 다른 함수를 인자로 받을 수 있거나 함수를 반환할 수 있고, 이 2가지를 모두 수행하기도 한다. 고차 함수의 분류는 다른 함수를 인자로 받는 함수이다. Array.map, Array.filter, Array.reduce는 모두 다른 함수를 인자로 받기에 고차 함수에 해당 된다. 1. ..

Transforming Data(데이터 변환) 함수형 프로그래밍의 핵심 개념인 1. 불변성(immutability) 2. 순수성(purity) 3. 데이터 변환(transformation) 4. 고차 함수 5. 재귀(recursion) 중 3. 데이터 변환에 대해 설명하겠다. 데이터가 변경 불가능하다면 애플리케이션에서 데이터를 가지고 어떻게 뭘 할 수 있을까? 함수형 프로그래밍은 한 데이터를 다른 데이터로 변환하는 게 전부이다. 그래서, 함수를 사용해 원본을 변경한 복사본을 만들어내는 방식을 사용한다. 그렇게 순수 함수를 사용해 데이터를 변경하면, 덜 명령형인 코드가 되고 복잡도도 감소한다. 어떻게 데이터를 변환해서 다른 데이터를 만들어낼 수 있을까? 자바스크립트 언어 안에는 이미 그런 작업을 할 수 있..

함수형 프로그래밍의 핵심 개념인 1. 불변성(immutability) 2. 순수성(purity) 3. 데이터 변환(transformation) 4. 고차 함수 5. 재귀(recursion) 중 2. 순수성에 대해 설명하겠다. 순수 함수(pure Functions)는 파라미터에 의해서만 반환값이 결정되는 함수를 뜻한다. 순수 함수는 최소한 하나 이상의 인수를 받고, 인자가 같으면 항상 같은 값이나 함수를 반환한다. 순수 함수에는 부수 효과(side effect)가 없다. 부수 효과란 전역 변수를 설정하거나, 함수 내부나 애플리케이션에 있는 다른 상태를 변경하는 것을 말한다. 순수 함수는 인수를 변경 불가능한 데이터로 취급한다. 순수 함수를 이해하기 위해 순수하지 않은 함수를 먼저 하나 살펴보자. 1. Im..

함수형 프로그래밍의 핵심 개념인 1. 불변성(immutability) 2. 순수성(purity) 3. 데이터 변환(transformation) 4. 고차 함수 5. 재귀(recursion) 중 불변성에 대해 설명하겠다. Immutability(불변성) mutate 라는 영어 단어는 변한다는 뜻이다. 따라서 immutable는 변할 수 없다는 뜻이다. 함수형 프로그래밍에서는 데이터가 변할 수 없고 불변성 데이터는 결코 바뀌지 않는다. 1. Mutations 색에 평점을 메기는 함수를 만든다고 했을 때, 함수는 넘겨받은 color 객체의 rating 을 변경한다. let color_lawn = { title: "lawn", color: "#00FF00", rating: 0 } function rateColo..

함수형 프로그래밍이라는 개념은 1930년대에 발명된 람다 계산법(lambda calculus)이 시작이라 할 수 있다. 17세기 함수가 등장한 이래 함수는 계속해서 계산법(calculus)의 일부였다. 함수를 함수에 넘기거나 함수가 함수를 결과로 내놓는 것도 가능하다. 다른 함수를 조작하고, 함수를 인자로 받거나 반환하는 것이 가능한 복잡한 함수를 고차 함수(high order function)라고 부른다. 1930년대에 알론조 처치(Alonzo Church)는 미국 프린스턴 대학교에서 람다 계산법을 발명하고, 고차 함수를 활용한 여러 가지 연구를 진행했다. 1950년대 말 존 맥카시(John McCarthy)는 람다 계산법에서 비롯된 개념을 활용해 새로운 프로그래밍 언어를 만들었는데, 바로 그 언어가 ..