본문 바로가기

전체 글125

[WIL] 코딩테스트를 하면서... 서론 이번 주부터 새로운 팀원들과 함께 JavaScript를 사용해서 알고리즘 문제를 풀기로 했습니다. 스스로 하루에 4문제씩은 풀자 다짐을 하고 시작을 했고, 프로그래머스 lv0 문제부터 시작했습니다!! 이전에 Python을 이용해서 알고리즘 문제들을 풀었었는데, JavaScript로 풀려니 Python과 차이가 조금 있어서 처음에는 좀 버벅 거렸습니다... 하지만 다양한 문제들을 풀다보니 감을 잡았고, 자주 쓰이는 문법들을 따로 공부해서 적용하였습니다. 배운점 1) 클래스와 객체 처음으로 돌아와서 JavaScipt의 데이터 타입에 대해서 공부하였고, 그중 객체 타입과 클래스를 선언하는 방법을 공부하였습니다. 그리고 클래스 내에 함수와 같이 특정 코드를 실행할 수 있는 메소드 호출하는 방법에 대해서도 .. 2022. 11. 13.
[TIL] JavaScript - map( ), filter( ), reduce( ) Array Methods 오늘은 JavaScript에서 가장 많이 쓰이는 객체인 배열 연산 관련 함수인 map, filter, reduce에 대해 공부해 보려고 합니다. 코테 준비하는데 map, filter, reduce가 많이 쓰여서 좀 더 제대로 알고 싶어서 공부를 하게 됐습니다. 글로 공부를 할 때는 이해가 잘 안 됐지만, 그림으로 보니 쉽게 이해할 수 있었습니다. 1. map( ) 1) 구문 arr.map( callback ( currentValue[, index[, array]])[, thisArg]) 2) 매개변수 callback : 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. currentValue : 처리할 현재 요소입니다. index ( Optional ) : 처리.. 2022. 11. 11.
[TIL] JavaScript 전개 연산자 전개 연산자 ( spread 문법 ) 전개 연산자는 ES6에서 새로 추가된 문법으로, 배열의 요소나 객체를 나열해주는 연산자이다. 배열이나 객체의 복사본( 원본에 영향을 미치지 않는)을 만들 수 있으며, 여러 개의 배열이나 객체를 손쉽게 병합할 수도 있습니다. 또한, 함수의 매개변수나 인자 값으로도 사용이 가능한 연산자입니다. 사용법은 배열을 담은 변수 앞에 ... 을 붙이면 됩니다. { ... object } // 펼칠 대상이 객체인 경우 [ ... array ] // 펼칠 대상이 배열인 경우 { ... array } // 배열일 경우 중괄호{}도 가능!! ES5 vs ES6 1) ES5 배열 조합 ES5 에서는 배열의 내용을 합쳐 새로운 배열을 만들기 위해서 concat 메소드를 활용했었습니다. le.. 2022. 11. 10.
[TIL] JavaScript Math 함수 정리하기!! Math 함수란? Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체이며, 함수 객체가 아닙니다. Math는 Number 자료형만 지원하며 BigInt 와는 사용할 수 없습니다. 출처 : mdn Math - JavaScript | MDN **Math**는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다. developer.mozilla.org 자주 쓰는 Math함수 1. Math.min( ) 인수로 전달받은 값 중에서 가장 작은 값을 반환합니다. Math.min(1, 2, 3, 4, 5) // 1 Math.min(10, -10) // -10 2. Math.max( ) 인수로 전달받은 값 중에서 가장 큰 값을 반환합니다. Math.max(1, 2.. 2022. 11. 9.
[TIL] JavaScript - 화살표 함수 서론 오늘은 파이썬 기초 강의를 들으면서 map, filter, lambda 식을 배웠습니다. 그런데 JavaScript에도 lambda식이 존재했으며, 면접 준비할 때 급하게 공부했던 화살표 함수가 생각나서 따로 찾아서 공부하게 되었습니다. 화살표 함수( Arrow function ) 흔히 람다식이라고도 불리는 화살표 함수는 ES6에서 도입되었습니다. 화살표 함수는 기본 함수 식보다 단순하고 간결한 문법으로 함수를 만들 수 있으며 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌습니다. 화살표 함수는 this, arguments, super 또는 new를 바인딩 하지 않으며, 항상 익명입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합하여, 생성자로서 사용할 수 없습니다. 1. 화살표 함수.. 2022. 11. 8.
[TIL] Javascript - 클래스와 객체 데이터 타입 데이터 타입은 기본 또는 원시형 (Primitive) 타입이라고 불리는 number, string, boolean, null, undefined가 존재하고 있으며, 이러한 기본 타입 이외에 객체형 타입이라는 데이터도 존재합니다. 1) 숫자 ( Number ) 말 그대로 숫자 데이터입니다. 나이, 거리, 무게, 가격 등등 무수히 많은 종류의 데이터들을 숫자로 표현할 수 있습니다! 2) 문자 ( String ) 문자열 데이터를 말하며, 큰따옴표(" ")나 작은따옴표(' ')로 데이터를 감싸야합니다. 브랜드명, 제품명 등등 많은 종류의 데이터를 문자열로 나타낼 수 있으며 숫자 또한 따옴표로 묶었을 시 숫자 데이터가 아닌 문자 데이터로 나타나 집니다! 3) Boolean JavaScript에서 참과.. 2022. 11. 7.

티스토리툴바