모던 JavaScript 튜토리얼

모던 JavaScript 튜토리얼 내용을 정리 요약한 내용입니다. 자세한 내용은 원본 링크를 참고하시고, 원문에 첨부된 과제도 꼭 풀어보세요!객체형은 원시형(문자열, 숫자 등)과 달리 다양한 데이터를 담을 수 있습니다. 키로 구분된 데이터 집합이나 복잡한 개체(enti

모던 JavaScript 튜토리얼 내용을 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요. 객체는 참조에 의해 값이 저장되고 복사됩니다. 어떤 변수에 객체를 할당하면 그 값은 변수가 아닌 메모리 내 어딘가에 저장되고, 변수에는 그 메모리의 주소, 객

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요. 자바스크립트의 원시값, 객체, 함수 등 우리가 만드는 모든 것은 메모리를 차지하는데, 자바스크립트는 도달 가능성(reachability)이라는 개념을 사

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하시고, 하단 과제를 꼭 풀어보세요.객체는 사용자와 같은 실제 존재하는 개체(entity)를 표현할 때 생성합니다. 사용자는 현실에서 로그인, 물건 선택하기 등의

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하시고, 원문 하단 과제를 꼭 풀어보세요.유사한 객체를 여러 개 만들어야 할 때 new 연산자와 생성자 함수를 사용합니다. (복수 사용자, 메뉴 내 다양한 아이템을

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.객체 프로퍼티의 키로는 문자형과 심볼형만 가능합니다. 심볼은 유일한 식별자를 만들고 싶을 때 사용합니다. Symbol() 을 사용해 심볼값을 만들 수 있습니

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요객체 끼리 더하거나 빼는 연산을 한다면, 객체에서는 자동 형 변환이 일어납니다. 객체는 원시값으로 변환되고 의도한 연산이 수행됩니다. 특수 객체 메서드를 사용

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.객체는 함수를 프로퍼티로 저장해서 메소드로 사용할 수 있습니다. 자바스크립트는 날짜, 오류, HTML 요소 등을 다룰 수 있는 다양한 내장 객체를 제공하는데

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.숫자를 입력할 때 0을 많이 입력해야 한다면 e 를 붙이고 0의 개수를 붙여줄 수 있습니다. 0.000001 와 같은 소수점 표현도 가능합니다. e 를 사용

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.자바스크립트는 글자 하나만 저장하는 별도 자료형이 없고, 텍스트 형식 데이터는 길이에 상관없이 모두 문자열 형태로 저장됩니다. (인코딩 방식과 상관없이 항상

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.객체는 순서를 고려하지 않고 값을 저장하지만, 개발을 하다보면 순서를 고려해야 할 경우가 많습니다. 이런 문제를 해결하기 위해 순서를 고려하는 컬랙션인 배열

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.숫자로만 구성된 배열이 있을 때 인접한 요소의 총합이 최대인 arr의 부분 배열을 찾고 그 부분 배열의 요소들의 합을 리턴하는 문제다. 요소 전체가 음수라면 아무 요소도 선택하지 않아서 부분 배열

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.배열의 요소를 추가, 삭제, 교체하고 싶다면 splice 메서드를 사용합니다. index 는 조작을 가할 첫 번째 요소를 가리키고, deleteCount 는 제거하려는 요소의 개수를 나타냅니다.

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.케밥케이스로 작성된 문자열을 카멜 표기법으로 바꾸는 과제다. (my-short-string => myShortString) 문제를 보고 떠 오른 것은 일단 split("-") 스플릿을 활용해 -

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.배열 arr 의 요소 중 a 와 b 사이에 속하지 않는 요소는 삭제해주는 함수 filterRangeInPlace(arr, a, b) 함수를 만드는 문제다. 이때 작성한 함수는 기존 배열을 변경하기

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.기능을 확장할 수 있는 계산기 객체를 만드는 생성자 함수 Calculator 를 작성하기. 첫번재 단계에서는 "1 + 2" 와 같은 문자열을 받아 "숫자 연산자 숫자" 형태로 바꿔주는 메서드를 구

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.세 개의 프로퍼티 name, surname, id 를 가진 객체가 담긴 users 라는 배열이 있다. name 과 surname 을 조합해 fullName 을 만들어, fullName 과 id 를

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.나이 age 를 값을 가진 객체가 여러개 담긴 배열이 있을 때, 이 나이들의 평균 나이를 반환하는 함수를 작성한다. 배열 갯수에 상관없이 값을 더하고 나누어야 하므로 (age1 + age2 + .

모던 JavaScript 튜토리얼 내용 중 일부를 정리한 내용입니다.복수의 if 조건문은 switch 문으로 바꿀 수 있습니다. 특정 변수를 다양한 상황에서 비교할 수 있고 코드 자체가 비교 상황을 잘 설명해줍니다. 변수 x 의 값과 일치하는 값을 찾으면 해당 case

모던 JavaScript 튜토리얼 내용 중 일부를 정리한 내용입니다.interable 은 반복 가능한의 의미로, iterable 객체는 배열을 일반화한 객체입니다. 배열은 대표적인 이터러블이며 그 외에 문자열 역시 이터러블입니다. 배열이 아닌 객체에 배열처럼 for .

모던 JavaScript 튜토리얼 내용 중 일부를 정리한 내용입니다.맵은 객체와 비슷하게 키가 있는 데이터를 저장하돼 해당 키에 다양한 자료형을 허용합니다. 맵의 주요 메서드와 프로퍼티는 아래와 같습니다. new Map() - 맵을 만듭니다.map.set(key, va

모던 JavaScript 튜토리얼 내용 중 일부를 정리한 내용입니다.arr 라는 배열에서 중복 값을 제거해주는 함수 unique(arr) 를 만듭니다.Set 은 중복을 허용하지 않는 값을 모아놓은 자료구조 입니다. 해당 배열을 셋으로 변환하고 다시 배열로 바꾸면 중복된

모던 JavaScript 튜토리얼 내용 중 일부를 정리한 내용입니다.이런 코드카타 문제를 풀었던 것 같은데, 이것을 애너그램이라고 하는지 처음 알았다. map 이나 set 을 사용하면 이런 식의 중복 제거 문제를 풀기 좋은 듯 하다.애너그램은 단어나 문장을 구성하는 문