hash 관련 알고리즘 문제를 풀다 어떤분이 Map과 Set을 사용하신 것을 발견했다. Map과 Set에 대해서는 ES6 문법이다, 정도만 알고있었는데 실제로 사용할 수 있었다면 풀이가 더 쉬웠을 것 같았다. 그래서 다음번에는 사용해보기 위해 Map과 Set을 알아보기
var는 변수 재선언, 재할당이 가능하다.let은 변수 재선언이 불가능하지만 재할당은 가능하다. const는 변수 재선언, 재할당 모두 불가능하다. var은 (1)변수 재선언,재할당이 가능하며, (2)전역 변수(Global Variable)를 선언한다.(1) cafe라
반복문은 어떤것을 반복적으로 시행할때 사용하며, 대표적으로 for와 while이 있다. 어떤 특정한 조건이 거짓으로 판별될 때까지 반복하며,for (시작; 조건; 끝) {실행문}와 같은 구성으로 이루어져있다.아래의 식은 초기값0부터 시작하여 조건값인 5전까지 1씩 추가
템플릿 리터럴은 JS에서 문자열을 입력하는 방식으로, 백틱을 사용해 정의할 수 있으며, (1) 여러 줄에 걸쳐 문자열을 선언하고, (2)문자열 중간에 변수를 바로 대입할 수 있다. 기존 JS 문자열 선언방식 따옴표('')를 사용하면 행을 넘겨주기위해 \\n 과 + 를
조건문 If와 else 그리고 else if를 사용해 특정 조건을 만족할 경우 특정 작업이 수행되도록 마법을 부릴 수 있다. 조건1이 참일경우 내용1을 실행하며, 거짓일 경우 내용2를 실행한다. 조건1이 참일경우 내용1을 실행하고, 조건2가 참일경우 내용2를 실행한다.
많은 데이터를 저장하고 처리하기 위해 Array(배열)를 사용할 수 있으며, 그에따른 push, pop, slice, splice, filter, map method를 알아보자. push()는 배열의 마지막에 새로운 값을 추가해준다. pop()은 배열의 마지막 값을
index로 접근 할 경우 꼭 순서대로 접근할 필요는 없다. cities\[3] = "대구"; 원하는 순서에 배열에 접근할 수 있다. push는 배열의 맨 뒷부분에 요소를 추가해주며, unshift는 배열의 맨 앞부분에 요소를 추가해준다. pop은 배열의 가장 마지막
sliceCityFromAddress 함수를 구현해 주세요.sliceCityFromAddress 함수는 address 인자를 받습니다.address 인자에는 주소를 나타내는 string이 주어집니다.주어진 주소가 어느 도시인지를 찾아내서, 해당 주소에서 도시 부분만 삭
본 내용은 노마드코더의 바닐라 자바스크립트 유튜브 강의를 보며 정리했다. 데이터를 정렬하는 Array와 Object.함수(1) 함수의 기본(2) 백틱을 사용한 pretty cool string🤟(3) Return(4) 사칙연산(5) JS Dom function / J
객체(Object)는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 Key(이름)와 Value(값)로 구성된다. 객체(Object)는 {}(중괄호)로 감싸져 있고,콜론으로 구분된 프로퍼티 이름/프로퍼티값의 쌍들이 쉼표로 분리된 목록의 형태이다.property 이
다음 요구사항을 충족하는 객체를 만들어서 return 해주세요.objData가 갖고 있는 property는 3개 입니다.sumAmount: 총 판매량sumReview: 총 리뷰개수sumLike: 총 좋아요수 이번에는 인자로 받은 데이터를 조합해서, 구조를 바꿔서 리턴합
class는 함수다. 함수를 함수표현식과 함수 선언으로 정의할 수 있듯이, class도 class 표현식과 class 선언 두가지로 class는 몸체에 0개 이상의 메서드만 정의할 수 있다. class 몸체에서 정의 할 수 있는 메서드는 constructor(생성자),
arrow function은 es6에서 추가된 새로운 함수 표현방법이다. 두 함수 모두 동일한 방법으로 호출 할 수 있다. ES6의 arrow function은 함수를 이미 getName이라는 변수에 저장한다. ES5의 함수도 getName이라는 변수에 저장이 가능하다
객체의 특정 키의 값을 가져오는것도 가능하지만, 반대로 객체에 특정 키를 만들고 값을 할당하는것도 가능하다. information이라는 객체를 먼저 하나 만들고, 여기에 키와 값을 만들어주고,verb의 값을 키로, project의 값을 그 키의 값으로 할당해준다. A,
Array안에 있는 값 중 최댓값과 최솟값을 여러 방법으로 구해보자👻변수를 선언할 때 기본값으로 const를 사용했으나, let min = arr\[0]의 경우 3줄 아래에서 재할당을 해줄 필요가 있으므로 let 을 사용했다. arr\[0]을 min의 기준값으로 잡아
DOM (Document Object Model) > DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object). DOM은
1. 생성자(Constructor)란? > 생성자(Constructor)는 객체를 만드는 역할을 하는 함수를 말한다. 생성자가 객체를 리턴하는 과정을 살펴보자. console창에서 Person()이라는 함수를 p0안에 담은 후 p0를 호출하면 undefined를 반
위코드 2주를 마치며 JavaScript 중간점검 테스트를 보았다. 테스트시간은 1시간, 총 5문제였고 그중 못푼 4,5번 문제를 남겨 놓는다. 두 문제 모두 문제의 흐름을 이해하지 못했다기 보다, 사소한(그렇지만 중요한) 실수들이 있었다. 4번 문제 fail이 떴
배열의 요소를 삭제, 교체하거나 새로운 요소를 추가하여 기존 배열을 변경한다. 그리고 변경된 배열을 반환한다.array.splice(start\[, deleteCount\[, item1\[, item2\[, ...]]]])slice()와 splice()와 비슷하게 생겨
알고리즘 문제를 풀기 시작하면서, 기본 자바스크립트 메서드들을 다시 한번 정리하면 좋을 것 같아 정리를 시작해 본다!가장 먼저, 자바스크립트 배열의 요소를 추가 및 삭제 할 수 있는 메서드들을 알아보자.배열 요소 추가 unshift(), push()배열 요소 삭제 sh
slice()는 배열의 시작 인덱스부터 끝 인덱스(끝 인덱스 미포함)까지 얕은복사를 하여 새로운 배열로 반환한다. 새로운 배열을 반환하므로 원본배열은 변화하지 않는다.arr.slice(\[begin\[, end]])원본 배열과 새 배열은 동일한 객체를 참조한다. 그러므
reduce()는 배열을 다루는 메소드로 누적값(accumulator)과 현재값(currentValue)을 인자로 가지고 있다는 특징이 있다. 이러한 특징으로 배열을 여러가지로 요리(?)할 수 있도록 만든다.가장 간단한 예시는 모든 배열의 요소를 더하는 것으로 redu
지난 글에서는 reduce() 기본쓰임과, 누적된 값(accumulator)을 인자로 받는 특성을 이용하여 배열의 원소를 모두 더해보았다.이번에는 누적된 값과 initialValue를 지정할 수 있는 특성을 이용해 배열 내의 중복된 값이 몇 개 있는지 구해보자!redu