변수가 값을 저장하는 것이라면 함수는 명령들을 저장하는 것이다. 함수도 변수와 마찬가지로 선언을 해야하는데 함수 선언은 function이라는 키워드를 사용한다. // 함수선언 function 함수이름() { 명령; 명령; }; // 함수호출 함수이름(); 함수는 함수 내부에 있는 명령들의 포괄적인 의미를 함수 이름을 통해 드러낼 수 있고 명령들을 하나로 묶을 수 있기 때문에 반복해서 사용할 때 효율적인 장점이 있다. 복잡한 내용은 함수 내부로 숨기고 핵심은 함수 이름에 드러내는 방식으로 함수에서도 추상화의 개념이 녹아 있다.
꼭 지켜야 하는 룰 (지키지 않으면 오류) (1) JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 한다. 두 번째 글자부터는 '숫자(0-9)'도 가능하다. (2) '대문자'와 '소문자'는 구별한다. myname과 myName은 다른 이름이다. (3) '예약어(JavaScript가 찜해놓은 단어)'는 사용하면 안된다. 예를 들어 if, for, let 같은 것들이 있다. 지키면 좋은 룰 (더 좋은 스타일을 위해) 코드를 작성하는 일은 여러 사람들과의 협업이기도 하면서 스스로와의 소통이기도 하다. (1) 의미 없는 이름은 좋지 않다. 향후 복잡한 프로그램을 짜게 되면 변수와 함수를 여기저기서 적절히 활용해야 하는데, 이름이 a, b, c, d처럼 의..
코드를 읽고 실행하는 것은 컴퓨터가 정확하게 해주지만 코드를 작성하는 것은 사람이 하는 것이기 때문에 지나치게 주관적인 코드를 작성한다거나 오타를 내는 실수를 할 가능성이 있다. 이런 경우 추상화된 코드를 통해 문제를 해결할 수 있다. 목적을 명확하게 하고 불필요한 것들은 숨기고 핵심만 드러내는 것. 반복 입력하는 구체적인 숫자는 오타를 만들어낸다. 숫자에 대한 의미전달이 어렵다. 프로그래밍에서는 값에 의미를 부여하기 위해 변수(variable)이라는 것을 활용한다. 변수(variable)란 이름이 붙은 상자라고 생각하면 된다. 프로그래밍에서 등호 하나는 같다는 의미가 아닌 오른쪽에 있는 값을 왼쪽에 할당하는 할당연산자를 의미한다. 변수는 선언과 동시에 값을 넣어줄 수 있다.
프로그래밍이란? 컴퓨터를 통해 복잡한 계산을 하는 것 자료형(Data type) 1. 숫자(Number) - 사칙연산 가능 정수(Integer) - 음수, 0, 양수 소수(floating point) - 소수점을 갖는 형태 2. 문자열(String) - '' 또는 ""로 감싸서 표현하는 문자. 양쪽으로 감싸는 따옴표의 모양을 통일해 주어야 한다. + 기호를 통해 문자열 연결이 가능하다. 3.불린(Boolean) - 참과 거짓 (true & false) 값만 가짐 어떤 조건에 의한 결과값으로 사용
1) 자바스크립트와 쓰레드 자바스크립트는 싱글 쓰레드로 동작하는 언어이다. 메인 쓰레드 하나와 콜스택 하나로 구성되어 있다. 비동기 작업을 동시에 할 수 있다. 자바스크립트는 코어 엔진만 가지고 돌아가지 않고 실행환경(런타임)의 도움을 받아 동시 실행을 하기 때문에 동시 실행을 할 수 있다. (WebAPI,(dom, ajax, setTimeout...), Event Queue, Event Loop 등과 함께 동작한다. run-to-completion : 쓰레드가 하나이기 때문에 일을 하나 끝내기 전에는 다른 것은 하지 않는다. 이벤트 루프: 프론트엔드에서 자바스크립트는 혼자 독립 실행되는 것이 아니라 브라우저를 통해 실행된다. 브라우저에서 자바스크립트를 실행할 때에는 이벤트 루프라는 것을 기반해서 실행한..
let names = ["Steven Paul Jobs","Bill Gates","Mark Elliot Zuckerberg","Elon Musk","Jeff Bezos","Warren Edward Buffett","Larry Page","Larry Ellison","Tim Cook","Lloyd Blankfein"] //1.for문 for(let i=0; i{console.log(item, index)})//index는 생략가능 //3.map //반환값을 배열에 담아 반환한다. //(1)모든 데이터 가져올 때 let data = names.map((item)=>{ return item })//index는 생략가능 console.log(data) let ceoList =[ {name:"Larry Page"..
1. JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1) 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. 동적 타입 언어 변수에 어떤 데이터 타입의 값이라도 자유롭게 할당할 수 있다. 2) JavaScript 형변환 타입변환이란? 자바스크립트의 모든 값은 타입이 있다. 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 한다. 개발자의 의도와는 상관없..
- Total
- Today
- Yesterday
- 참조형 데이터
- 불변 객체
- 비교 연산자
- redux
- null
- redux thunk
- 얕은복사
- filter
- some
- redux middleware
- 느슨한 타입(loosely typed)
- redux-thunk
- 기본형 데이터
- redux-middleware
- 동적(dynamic) 언어
- find
- map
- undefined
- findindex
- EVERY
- foreach
- 타입변환
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |