본문 바로가기

TIL/JavaScript5

[JavaScript | Deep Dive] 01. 프로그래밍이란? 01. 프로그래밍 1. 프로그래밍이란? 프로그래밍은 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션으로, 0과 1밖에 알지 못 하는 컴퓨터가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이다. 요구사항을 설명하기 위해 요구사항(문제)를 이해하는 것이 우선되어야 하며 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 배열하여야 한다. 또한 컴퓨터와 사람의 사고, 인지 방식이 다르기 때문에 컴퓨터의 관점에서 문제를 사고하고 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하여야 한다. 1.2 프로그래밍 언어 문제해결의 주체인 컴퓨터가 이해할 수 있는 언어인 기계어로 명령어를 전달해야 하는데, 이런 기계어를 직접 명령하는 것은 어려우니 사람이 이해할 수 있는 약속된 구문(Synta.. 2023. 1. 9.
자바스크립트(JS) - this 키워드 this 키워드 this 키워드 메서드에 있는 객체를 가리킬 때 this 키워드를 사용한다. const cat = { name: "hwan", color: "grey", breed: "scottish fold", meow() { console.log(`${this.name} says MEOWWWW`); }, }; 위에서는 cat이라는 객체 전체를 가리킨다. 그러나 항상 this가 해당 객체를 가리키진 않는다 → this 값이 바뀔 수 있다. 사용된 함수의 호출 컨텍스트에 따라 값이 달라진다. ⇒ 함수를 호출하는 방법에 달려있다. 메서드에 **this.**특성을 쓰면 이 메서드가 정의하는 객체를 가리키게 된다. 아래의 코드에서 meow2에서 this는 cat을 가리키지 않는다. → 호출 컨텍스트의 차이 ⇒.. 2023. 1. 4.
자바스크립트(JS) - 메서드(Method) 메서드(Method) → JavaScript에서 함수는 Object 라고 한다. 메서드(methods)란? 메서드는 객체에 종속된 특성으로 함수에 포함되는 개념이다. 즉, 메서드는 객체에 속성으로 추가된 함수이다. 메서드 이름 앞에 점을 찍어 사용한다. 모든 메서드는 함수이지만 모든 함수가 메서드는 아니다. const myMath = { PI: 3.14159, sqaure: function (num) { return num * num; }, cube: function (num) { return num ** 3; }, }; 아래와 같이 function 키워드를 생략할 수 있음 const myMath = { PI: 3.14159, sqaure(num) { return num * num; }, cube(num.. 2023. 1. 4.
자바스크립트(JS) - 함수(function) 함수(function) → JavaScript에서 함수는 Object 라고 한다. 다른 함수 표현식 자바스크립트에서는 함수를 배열과 같은 값의 하나로 간주한다. 함수를 인수로 전달할 수 있으며, 숫자를 반환하듯 함수도 반환 값으로 변환할 수 있다. const add = function (x, y) { return x + y; }; 고차 함수 : 다른 함수와 함께 동작하거나 다른 함수에서 작동하는 함수 → 보통 다른 함수를 인수로 받아 어떤 작업을 하는 함수이자 함수를 반환할 수 있는 함수 함수를 실행할 때 rollDie()로 하면 변환된 값이 넘어가므로 callFunction 함수 안에서 실행되도록 rollDie만 넘긴다. function callFucntion(func) { func(); func();.. 2022. 8. 20.
자바스크립트(JS) - 변수(value) 변수 변수 명명 띄어쓰기(공백)가 있으면 안 된다. 첫 문자가 숫자가 와서는 안 된다. 첫 문자는 소문자로 작성한다. 카멜**케이스(Camel case)**로 작성한다. 불리언 변수의 경우 **‘is’**로 시작한다. isTrue; 한 글자 변수는 되도록 피한다. 짧게 보다는 의미있는 변수를 선언한다. Boolean- true, false 는 소문자로 작성한다. 다른 언어와 달리 자바스크립트 Boolean 변수는 다른 값도 저장이 가능하다 자바스크립트는 변수에 대한 타입 제한이 없다. Const 선언 일반 변수 → 변수의 값을 변경할 수 없음. 배열이나 객체 → 참조이므로, 안의 값들은 변경이 가능하나 참조된 메모리 주소를 변경할 수 없도록 함. 객체 리터럴 객체로 만드는 모든 키들은 문자열로 변환된다... 2022. 8. 20.