본문 바로가기

Javascript90

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.
13. Switch 문 안녕하세요 박기린입니다. Switch Statement Switch문은 해당 데이터가 어떤 case에 부합하는지에 따라, 그 구문의 ':' 이후에 나오는 코드를 실행합니다. 조건문의 일종으로 if문의 대용으로 사용할 수 있습니다. const day = 'monday'; switch(day) { case 'monday': // day === 'monday' console.log('Plan course structure'); console.log('Go to coding meetup'); break; case 'tuesday': console.log('Prepare theory videos'); break; case 'wednesday': case 'thursday': console.log('Write co.. 2022. 10. 3.
11. 동등 연산자(==) vs 일치 연산자(===) 안녕하세요. 박기린 입니다. 자바스크립트는 비교 연산자에서 '같다'의 표현이 두 가지가 있다는 사실을 지난 글에서 확인했습니다. 이에 대해 좀 더 집중적으로 공부해보겠습니다. == vs === '=='는 '느슨하게 같다, 동등하다'의 의미를 지닌 연산자입니다. JS 엔진 내에서 자체적으로 피연산자의 데이터 타입을 coercion 한 뒤에 비교를 합니다. 즉, 타입이 달라도 내용물이 같으면 true를 return 합니다. '==='는 '엄격하게 같다, 일치하다'의 의미를 지닌 연산자입니다. 다른 프로그래밍 언어에서 쓰이는 '=='연산자와 동일한 역할을 한다고 보시면 됩니다. '=='와는 다르게 데이터 타입까지 완전히 동일해야 true를 return 합니다. 18 === 18 // true 18 == 18 .. 2022. 9. 30.

티스토리툴바