JavaScript

·JavaScript
object 변수 하나 당 값을 하나만 담을 수 있다. object는 key와 value의 집합체이다. 오브젝트는 우리가 접근할 수 있는 변수와 그 변수가 가지고 있는 값으로 나눠진다. function print(person) { console.log(person.name); console.log(person.age); } const ellie = { name(key): "ellie"(value), age(key): 4(value) }; print(ellie); 이렇게 object를 이용해서 name과 age를 지정하고, function에 만들어서 print로 ellie를 호출해주면 된다. object를 만드는 방법 const obj1 = { } //object literal const obj2 = ne..
·JavaScript
class 연관있는 데이터를 묶어놓는 컨테이너 같은 것이다. class person { name; age; speak(); } 이렇게 사람이란 클래스 안에, 이름과 나이 (fields) 그리고 말할 수 있는 행동(method) 이 들어있다. class에는 데이터(fields)만 들어있는 경우도 많다. 이런 것들을 데이터클래스라고 부른다. 이렇게 관련있는 변수나 함수를 묶어놓는 것을 클래스라고 한다. 클래스 안에서도 내부 변수와 밖에서 보여지는 변수를 나누어서 캡슐화 하기도 한다. 그리고 상속과 다형성도 일어난다. (객체지향) 클래스 자체에는 데이터가 들어있지 않고 틀만 정해놓는 것이다. (이러이러한 데이터를 넣을거야 라는 것을 선언) 한 번만 선언한다. 자바스크립트 class는 es6에서 새로 추가되었다..
·JavaScript
함수 절차적 언어 : 함수가 프로그램에서 중요한 기능을 담당한다. 함수는 sub-program 이라고 부르기도 한다 프로그램 안에서 각각의 작은 단위의 기능을 제공하기 때문이다. 함수는 input과 output 이 중요하고 function의 이름을 정하는 것이 중요하다. 이것에 따라서 함수가 어떤 역할을 하는 지 알 수 있다. 프로그램을 구성하는 기본적인 빌딩 블록이다. subprogram 이라고도 불리며 여러번 재사용이 가능한 장점이 있다. 한 가지의 task나 값을 계산하기 위해 사용되고 있다. 함수 사용법 function name(param1, param2) { body ... return; } 이런식으로 사용하면 된다. 하나의 함수는 한 가지의 일만 작동하도록 만들어야 한다. 함수의 이름을 지정할..
·JavaScript
Operator string 을 더하고, string + 숫자 를 더해본다. string literals 는 백틱 기호를 사용해서 달러표시 후 숫자나 변수 등을 넣는 것을 의미하는데, 좋은 점은 string literals에 다양한 것을 입력해도 그대로 출력이 된다. number +: 숫자를 더한 값 - : 숫자를 뺀 값 / : 나눈 값 *: 곱한 값 % : 나누고 나서 그 나머지 값 ** : 제곱화 한다. 2의 3승 ++, - - 증가 감소 연산자 counter라는 변수가 있으면 ++ 를 앞에 붙여주면 preIncrement 라고 하는데, counter = counter + 1 이랑 같은 뜻이다. -- 도 같은 원리로, —counter 면, -1 해준 다음 대입하고, counter++ 면 대입한 다음 ..
·JavaScript
변수 변수는 변경될 수 있는 값을 의미한다. js에서는 let이라는 키워드를 이용하는데, 이 let은 ES6에 추가된 언어이다. read, write : 변수는 메모리의 읽기 쓰기가 가능하다. let name = ‘ellie’; console.log(name); name = ‘hello’; console.log(name); name 이라는 값에 ‘ellie’를 할당하고, console.log 해서 name을 실행 후, name의 값을 변경한 후 다시 콘솔 해본다. 어플리케이션을 실행하게되면, 어플리케이션마다 쓸 수 있는 메모리가 할당되어 지게 된다. 이 메모리는 텅텅 비어져 있는 박스인데, 어플리케이션 마다 쓸 수 있는 박스들의 개수가 제한적으로 할당되어 진다. 우리가 이렇게 let 이라는 키워드를 이용..
·JavaScript
자바스크립트 콘솔에 출력하기 vscode에서 console.log(”hello world”) 의 내용으로 js 파일을 만들고, 터미널에서 javascript 폴더에 들어가서 node main.js 라고 입력하면 hello world가 뜬다. node.js에서는 자바스크립트 엔진이 있어서 브라우저 없이도 자바스크립트를 실행할 수 있다. html을 이용해서 만든 main.js 출력하기 기본적인 뼈대인 html을 만들고, script 태그에 main.js를 출력하고, index.html을 브라우저로 실행해보면 console.log에 hello world가 뜬다. node.js랑 webapi 둘다 콘솔에 관련된 api가 있는 것이다. Console API - Web API | MDN Console API - W..
갓생코딩
'JavaScript' 카테고리의 글 목록 (3 Page)