전체 글 195

[JS] 화살표 함수(Arrow Function)

화살표 함수(arrow function) 특별한 형태의 함수 표현으로 더 짧고, 더 빠르게 사용 가능 //arrow function birthYear => 2037 - birthYear; 나이를 계산해야 함으로 birthYear이 필요하다. birthYear을 작성 후 => 화살표를 작성한다. 그래서 화살표함수인거다 ㅋㅋ! 그다음 반환하고 싶은걸 적으면 된다. 2037 - birthYear 을 작성했다. 이러면 끝이다. 근데 막상 혼자서 해보면 어렵다. 이 함수를 사용하고 싶다. 그러면 어떻게 해야하는가? 변.수.저.장을 해야한다. //arrow function const calcAge3 = birthYear => 2037 - birthYear; const calcAge3로 이 함수에 해당 변수를 설정했..

🦎 JavaScript 2023.02.11

[JS] 함수 선언(Function Declarations) | 함수 표현식(Function Expression)

JS에서 함수를 작성하는 방법은 여러가지이다. 각각의 기능은 조금씩 다르긴하다. 함수 선언 https://recordoftheday.tistory.com/entry/JS-%EC%84%A0%EC%96%B8%EA%B3%BC-%ED%91%9C%ED%98%84 [JS] 함수(Functions) JS 앱의 기본 구성요소는 함수이다. 또한 언어에서 가장 필수적인 개념 중 하나이다. 함수란 무엇일까? 함수는 코드의 일부로 우리 코드에서 재사용할 수 있다. (코드를 반복해서 작성하는 비효 recordoftheday.tistory.com ↑ 함수에 대해 정리 해논 내용은 함수 선언(function declarations)이다. 함수 키워드만으로 함수를 선언했기 때문이다. 출생 년도에 따라 나이를 계산하는 기능이다. fu..

🦎 JavaScript 2023.02.08

[JS] 함수(Functions)

JS 앱의 기본 구성요소는 함수이다. 또한 언어에서 가장 필수적인 개념 중 하나이다. 함수란 무엇일까? 함수는 코드의 일부로 우리 코드에서 재사용할 수 있다. (코드를 반복해서 작성하는 비효율 ↓ ) 변수와 비슷하지만 코드 덩어리 전체를 위한 것이다. → 작업의 묶음 따라서 변수는 값을 갖고 있지만 함수는 코드 한줄 이상을 갖는다. 프로그래밍 언언의 함수도 입력을 받아서 출력을 내보낸다. 이때 함수 내부로 입력을 전달받는 변수 → 매개변수(parameter) 입력 → 인수(argument) 출력 → 반환값(return value) 라고 한다. 매개변수 ● 함수를 선언할 때 외부에서 값을 받는 변수 ● 함수 이름 옆의 괄호 안에 매개변수 이름을 넣어준다. ● 매개변수에 이름을 붙이는 방법은 일반적인 변수 ..

🦎 JavaScript 2023.02.07

[JS] 특수모드(엄격모드)

JS에서 특수 모드(special mode)를 활성화해야한다. 특수 모드(special mode) = 엄격모드(strict mode) JS에서 활성화할 수 있고 보안 JS 코드를 더 쉽게 만들 수 있다. 엄격 모드를 활성화하기 위해 해야할 일은 스크립트 시작 부분에 'use strict'를 작성하는 것이다. "use strict"; 엄격하게 사용하면 된다. 그래서 전체 스크립트에 대해 엄격모드를 활성화했다. 이 문장은 기본적으로 스크립트의 첫 번째 문장이어야 한다. 따라서 이 전 코드가 있으면 엄격 모드는 활성화되지 않는다. comments는 허용된다. 왜냐하면 JS는 코드 없이 무시한다. 활성화된 엄격 모드는 특정 기능 또는 특정 블록에만 해당한다. 스크립트 시작부분에 엄격모드를 작성하면 더 안전한 코..

🦎 JavaScript 2023.02.05

[JS] 조건(삼항) 연산자

조건(삼항) 연산자 if/else문과 switch문 말고 다른 것 하나가 더 있다. 바로 조건 연산자(conditional operator)이다. 조건 연산자는 if/else문과 유사한 것을 작성하려고 하지만 모두 한 줄에 있어야한다. const age = 23; age >= 19 ? console.log("I like to drink water"): console.log("I like to drink milk"); age >= 19 ← 나이가 맞는지 확인하는 테스트, 이 조건이 끝나면 뒤에 ?(물음표)를 붙여준다. 그리고 if 블록을 작성해준다. if블록은 내가 실행하고자 하는 코드이다. age >= 19 이 ? console.log("I like to drink water") ← 블록이 끝나면 :을 ..

🦎 JavaScript 2023.02.02

[JS] switch 문

switch 문 기본적으로 여러 다른 옵션에 우리가 원하는 모든 것이 하나의 값을 비교하는 것일때 작성하기 복잡한 if else문을 대체할 수 있는 방법은 switch문이다. 월, 화, 수, 목, 금, 토, 일을 나타내기 위해 if else문을 사용할 수 있지만 더욱 쉽게 switch문을 사용할 수 있다. 내가 지금 전환하려고 하는 것은 요일이다. 일단 먼저 switch () 를 작성하고 블록을 정의하기 위해 { } 중괄호를 사용한다. 그 다음 case를 정의한다. switch (day) { case "monday": ← 이때! 세미콜론이 아니라 콜론 : 으로 작성해야 한다. } 이제 여러 줄을 작성하려면 중괄호는 필요하지 않다. (마무리 할때 필요하다.) const day = "monday"; swit..

🦎 JavaScript 2023.02.01

[JS] Boolean logic | Logical Operators

boolean logic은 컴퓨터 과학의 한 분야이며 true 및 false 값을 사용하는 복잡한 논리적 문제를 해결한다. 그러기 위해서는 여러 논리 연산자를 사용하여 true 와 false 값을 결합한다. 산술 연산자(Arithmetic operator)를 사용하는 것 처럼 숫자 값을 결합한다. 기본적인 논리연산자는 AND, OR 그리고 NOT 연산자이다. 그리고 Boolean logic은 JS에만 국한되지 않는다. EXAMPLE A: Sarah has a driver's license B: Sarah has good vision → Boolean 변수는 true일 수도 있고 false일 수 있다. A, B 두개 다 조건이다. AND 연산자 A AND B "Sarah has a driver's lice..

🦎 JavaScript 2023.01.31

[JS] 비교 연산자(Equality Operators)

if else 문으로 결정을 내린다. 그러나 확인을 하려면 어떻게 해야할까? 두 값이 실제로 같다면, 하나가 더 크거나 또는 다른 것보다 적을 거다. 이를 위해서는 서로 다른 비교 연산자가 있다. 일치 비교 연산자(===) 만 19세 이상이 되면 어른이다. if else 문을 사용할 수 있다. 나이가 정확히 19세인지 확인하기 위해 일치 비교(===) 을 사용해야한다. const age = 19; if(age === 19) 한 줄이 있으면 두 개의 중괄호가 필요하지 않다. 따로 if(age === 19) { } ← 만들 필요가 없다. const age = 19; if (age === 19) console.log("You Just Becaome Adult"); 한 줄만 작성하면 된다. const age =..

🦎 JavaScript 2023.01.31

[JS] 형 변환과 타입 강제 변환

형 변환(type conversion)과 타입 강제 변환 (type coercion) 형 변환(type conversion)은 한 유형에서 다른 유형으로 수동 변화이다. 타입 강제 변환(type coercion)은 JS가 유형을 scenes 뒤에서 자동 변환한다. 형 변환(type conversion) 명시적으로 원할 때 한 유형에서 다른 유형으로 수동 변환한다. 만일 웹 페이지에 출생 연도를 입력할 수 있는 입력 필드(input field)가 있다고 가정하면 일반적으로 문자열로 제공된다. const inputYear = "1991"; 내가 얻은 inputYear가 사용자 인터페이스에서 값이 1991인 문자열인거다. const inputYear = "1991"; console.log(inputYear +..

🦎 JavaScript 2023.01.30
728x90