본문 바로가기

JS122

21. Array 기본 메소드 part.1 (Basic Array Operations-Methods) Array 내장메소드 part 1. https://arnopark.tistory.com/549 part 2. https://arnopark.tistory.com/499 안녕하세요. 박기린입니다. 자바스크립트의 배열은 다양한 메소드(Array.prototype.method())를 지원합니다. 지금부터 대표적인 배열 메소드들에 대해 알아보겠습니다. Add elements arrayName.push() : push() 메소드는 ()안에 있는 인수를 배열의 맨 뒤에 요소로 삽입합니다. push() 메소드 자체는 배열에 요소를 삽입한 후, 그 array의 length(길이)를 return 합니다. const friends = ['Michael', 'Steven', 'Peter']; const newLength =.. 2022. 10. 17.
20. Array 소개 안녕하세요. 박기린입니다. 변수에는 다양한 데이터 타입의 value들을 담을 수 있습니다. 하지만 여러 개의 변수를 한 곳에 저장하고 싶은 상황이 생길 수 있습니다. 예를 들면, 전화번호부 같이 여러 개의 전화번호를 각각 변수를 지정해서 저장하기 보다는, 하나의 변수에 몰아서 담아주고 싶을 때가 생깁니다. 그럴 때를 위해 Array(배열)이 존재합니다. Array를 선언하는 방법 Array를 선언하는 방법에는 두 가지가 있습니다. 1. Array Literal Syntax const friends = ['Michael', 'Steven']; [대괄호]와 ', 콤마'를 이용해서 배열을 선언합니다. 2. Array Function const years = new Array(1991, 2004, 2000); .. 2022. 10. 14.
19. 화살표 함수 (Arrow Functions) 안녕하세요. 박기린입니다. 오늘은 저번 함수 설명글에 이어서 화살표 함수에 대해 알아보겠습니다. (JS의 함수에 대해 처음 접하시는 분이면, 이전 글을 꼭 보고 오시는 것을 추천드립니다.) Arrow Functions 화살표 함수는 Function Expression의 special한 형태입니다. 화살표 함수는 세 가지 유형가 있습니다. 1. 한 줄 함수일 경우 const calcAge3 = birthYear => 2022 - birthYear; '인자(parameter) => return할 expression'의 형태입니다. 이때는 '(),{}'와 같은 괄호들을 쓰지 않는 대신에 return 키워드를 쓰지 않습니다. 2. 여러 줄의 코드를 필요로 하는 경우 const yearsUntilRetiremen.. 2022. 10. 13.
18. 함수 (Functions) 안녕하세요. 박기린입니다. 지금부터 자바스크립트의 함수에 대해 알아보겠습니다. Function JS의 함수 호출 키워드는 'function'입니다. '함수를 불러온다'라는 표현으로 'calling' or 'running' or 'invoking' + 'functions'라는 단어를 사용합니다. function logger() { console.log('My name is yosep'); } logger(); function fruitProcessor(apples, oranges) { const juice = `Juice with ${apple} apples and ${oranges} oranges.`; return juice; } const appleJuice = fruitProcessor(5, 0); .. 2022. 10. 11.
17. Strict 모드 안녕하세요 박기린입니다. JS는 높은 유연성을 가지고 있습니다. 대표적으로 type coercion이 일어난다는 점이 있죠. 하지만 유연함이 독이 될 수 있습니다. 유연한 대처를 원하지 않는 상황에서도 JS엔진이 개발자의 마음을 몰라주고 유연하게 대처해버려서 생각치도 못한 버그를 만날 수 있기 때문입니다. 다행히 이러한 상황일 방지해주는 모드가 있습니다. 바로 strict 모드입니다. Strict 모드 Strict(엄격한) 모드는 높은 안전성을 가진 코드를 만들기 위해서 존재합니다. 1. 특정 행동을 금지합니다. 2. JS엔진이 쉽게 지나칠 수 있는 오류가 발생하는 상황에서, 눈에 보이는 Error 문구를 개발자에게 강조해서 보여줍니다. Strict 모드 사용하는 방법 'use strict' 이 코드를 .. 2022. 10. 7.
16. JavaScript Releases: ES5, ES6+ 그리고 미래의 JavaScript 안녕하세요 박기린입니다. 자바스크립트는 꽤 긴 역사를 가지고 있는 프로그래밍 언어입니다. 그리고 현재까지 계속 버전 업을 하면서 현재도 대중적으로 사용되고 있습니다. 자바스크립트의 역사 1995년 - Brendan Eich는 10일만에 자바스크립트 초기 버전을 만듭니다. 당시에는 Mocha라는 이름을 가지고 있었습니다. 초기버전임에도 불구하고 현대 자바스크립트의 기반 기능을 이루고 있습니다. 1996년 - Mocha에서 LiveScript라는 이름으로 바꾼 다음, JavaScript로 다시 이름을 짓습니다. 왜냐하면 Java 개발자들을 끌어들이기 위해서였는데요. 하지만 JavaScript는 Java와 완전 다른 언어입니다. 1997년 - JavaScript를 표준화하는 ECMA가 출범하게 됩니다. 동시에.. 2022. 10. 6.
NodeJS/macOS - n 패키지 installed, active 경로가 달라 node 버전 변경이 안될 때 (Homebrew 문제) 보호되어 있는 글 입니다. 2022. 10. 6.
15. 조건 (삼항) 연산자 / The Conditional (Ternary) Operator 안녕하세요 박기린입니다. 이전 글에서 예고한 삼항 연산자에 대해 알아보겠습니다. 삼항 연산자 조건 expression ? 참일 때 실행되는 코드 : 거짓일 때 실행되는 코드 삼항 연산자는 간단한 형식의 조건문입니다. if/else문의 대체제로도 많이 사용됩니다. 조건 expression은 type coercion을 하기 때문에, false값 뿐만 아니라 falsy한 값(null, NaN, 0, "", undefined)도 거짓을 인식하고 '거짓일 때 실행되는 코드'를 실행합니다. const age = 23; age >= 18 ? console.log('I like to drink wine') : console.log('I like to drink water'); // I like to drink wine.. 2022. 10. 5.
14. Statements(문장) and Expressions(표현식) 안녕하세요 박기린입니다. 이전 글들에서 statements와 expressions에 대한 언급을 한 적이 몇 번 있었습니다. 하지만 이 말의 뜻이 무엇인지 모르는 분들도 계실 것입니다. 지금부터 설명을 해드리겠습니다. Statements와 Expressions if (23 > 18) { const str = '23 is bigger'; } Expressions는 value를 생산하는 식입니다. 예제 코드의 '23 is bigger' 부분은 expression 입니다. str타입으로 된 값을 생성하는 코드이기 때문입니다. Statements는 하나의 action이 되는 완전한 문장입니다. ' const str = '23 is bigger' '는 statement 입니다. str이라는 변수에 '23 is b.. 2022. 10. 4.

티스토리툴바