profile
#정리 #기록

과제 : 애너그램 걸러내기

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

2023년 1월 2일
·
0개의 댓글
·

과제 : 배열에서 중복 요소 제거하기

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

2023년 1월 1일
·
0개의 댓글
·

자료구죠와 자료형 : 맵과 셋

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

2022년 12월 27일
·
0개의 댓글
·

자료구조와 자료형 : iterable 객체

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

2022년 12월 19일
·
0개의 댓글
·

AND (&&) 연산자의 세가지 사용법

자바스크립트 완벽 가이드 책 내용 일부를 발췌 정리한 내용입니다. 하나,&& 을 불 피연산자와 함께 사용해 두 값에서 불 AND 연산을 수행합니다. 첫 번째 피연산자와 두 번째 피 연산자가 모두 true 일 때만 true 를 반환하고, 피 연산자 중 하나라도 false

2022년 12월 8일
·
0개의 댓글
·

프로퍼티 접근 에러

자바스크립트 완벽 가이드 책 내용 일부를 발췌 정리한 내용입니다. 존재하지 않는 프로퍼티를 검색하는 것은 에러가 아니라 undefined 입니다. book 이라는 객체는 있으나 subtitle 이라는 프로퍼티가 없다면, book.subtitle 은 undefined 를

2022년 12월 7일
·
0개의 댓글
·

과제 : 평균 나이 구하기

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

2022년 12월 4일
·
0개의 댓글
·

과제 : 객체 매핑하기

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

2022년 12월 4일
·
0개의 댓글
·

과제 : 확장 가능한 계산기 (new 연산자와 생성자 함수)

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

2022년 12월 3일
·
0개의 댓글
·

과제 : 특정 범위에 속하는 요소 찾기(배열 변경하기)

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

2022년 12월 2일
·
0개의 댓글
·

과제 : 문자열, 케밥 케이스를 카멜 케이스로 바꾸기

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

2022년 11월 28일
·
0개의 댓글
·

자료구조와 자료형 : 배열과 메서드

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

2022년 11월 27일
·
0개의 댓글
·

과제 : 최대합 부분 배열

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

2022년 11월 26일
·
0개의 댓글
·

바닐라 JS, 타이머 만들기

Do it 자바스크립트 입문 책 실습 과제 내용을 정리한 내용입니다. 타이머 만들기 과제를 따라해보았다. 사용자가 분과 초를 입력하고 시작 버튼을 누르면 시간이 1초씩 줄어들고 다 줄어들면 타이머가 종료되는 타이머다. 일상에서 자연스럽게 써 오던 이런 기능도 막상 구현

2022년 11월 26일
·
0개의 댓글
·

자료구조와 자료형 : 배열

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

2022년 11월 25일
·
0개의 댓글
·

자료구조와 자료형 : 문자열

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

2022년 11월 21일
·
0개의 댓글
·

자료구조와 자료형 : 숫자형

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

2022년 11월 18일
·
0개의 댓글
·

자료구조와 자료형 : 윈시값과 메서드

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

2022년 11월 18일
·
0개의 댓글
·

localstorage 사용하기

Do it 자바스크립트 입문 책의 실습 과제 일부를 정리한 내용입니다. HTML5 표준이 나오면서 클라이언트 쪽에 자료를 저장하는 방법으로 웹 스토리지가 등장했다. 웹 스토리지의 자료들은 쿠키처럼 사이트 관련 자료들을 저장하는데 쿠기와 다르게 서버에서 접근해서 읽어가지

2022년 11월 18일
·
0개의 댓글
·

객체 : 원시형으로 변환하기

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

2022년 11월 17일
·
0개의 댓글
·