Array(또는 리스트)는 가장 많이 사용하는 데이터 구조 중 하나이다.그래서 내부 구현 방법을 알고 써야 써도 괜찮은 상황과 더 효율적인 다른 구조를 써야할 상황을 구분 가능하다.기본 배열(Array)는 초기화할 때 크기가 지정되고 그 크기로 고정된다.데이터 크기를

bisect_left(arr, x):오름차순 정렬된 arr에 대하여 x 이상의 수 중 가장 왼쪽의 수의 인덱스를 리턴bisect_right(arr, x):오름차순 정렬된 arr에 대하여 x보다 큰 수 중 가장 왼쪽의 수의 인덱스를 리턴https://www.ed

1. Dropdown 누르면 이렇게 아래로 클릭가능한 서브메뉴들이 펼쳐지는 것이 드롭다운이다. 코드를 보면 드롭다운이라는 클래스를 가진 div 요소를 만들어서 그 내부에 버튼(btn btn-secondary dropdown-toggle)을 만들고 그 밑에 ul태그를

https://getbootstrap.com/docs/5.2/components/buttons/링크의 내용들로위와 같은 버튼들을 구현할 수 있으며복사, 붙여넣기를 통해 사용하면 된다.또한여기서body 부분의 코드를 이렇게 하여버튼들을 btn-group으로 묶어

bootstrap 의 docs의 component를 참고하여 example을 살펴보면

Structual Type System - 구조가 같으면, 같은 타입이다.타입스크립트는 이를 채용하고 있다.두개는 구조가 같으므로 서로에 대입할 수 있다.이 때 as는 다운캐ㅑ스팅으로 이후 배울 것이다.Nominal Type System 은 구조가 같아도 이름이 다르면

타입 시스템컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템vs컴파일러가 자동으로 타입을 추론하는 시스템타입스크립트의 타입 시스템은 두가지를 모두 사용할 수 있다.타입이란 해당 변수가 할 수 있는 일을 결정한다.따라서 이런 일이 일어날 수 있다.타입스크립트의 추론

(1) Symbol new Symbol 로 사용할 수 없다. Symbol 을 함수로 사용해서 symbol 타입으로 만들어낼 수 있다. ex. console.log(Symbol('foo') === Symbol('foo')) 이는 false가 출력된다. 즉, 두개의 sy

타입스크립트의 타입은 static으로 정적이다.자바스크립트는 반면에 dynamic 즉, 동적이다.즉, 컴파일 전부터 오류를 잡아내기 좋다.타입스크립트의 타입은 위와 같다.1\. Primitive Type원시 자료형으로 오브젝트와 레퍼런스 형태가 아닌 실재 값을 저장하는

이는 불가능하다.처음에 hello 가 a에 들어가면서 a의 타입이 string으로 확정되기 때문이다.이렇게 a의 타입을 미리 선언해줄 수 있다.이러면 a에는 string 외의 다른 타입은 들어갈 수 없다.이렇게 하면 오류가 나게 된다.ex.이런 식으로도 활용할 수 있다

우리가 사용하는 자바스크립트에 타입을 추가하여 확장시킨 것 그래서 타입스크립트는 코드를 실행하기 전에 에러를 잡는 시간을 세이브해준다. 타입스크립트는 컴파일을 통해서 이해할 수 있는 자바스크립트 코드로 변환된다.

정규표현식이란 문자열을 검색하고 대체하는 데 사용가능한 일종의 형식 언어(패턴)이다. 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행할 수 있다. 전규표현식은 크게 다음과 같은 역할을 수행한다. 문자 검색

local Storage에 데이터는 key value쌍으로 저장될 수 있고 이것이 브라우저에서 관리되는 하나의 데이터 저장소로 사용이 된다.그리고 이와 동일한 방식으로 Session Storage라는 것도 제공이 되고 있다.LocalStroage를 사용하면 Docume

JSON은 JavaScript Object Notation 의 약어로서 자바스크립트의 데이터를 표현하는 하나의 포멧이다.JSON의 자료형\-기본 자료형수, 문자열(큰 따옴표 " 으로 구분), 참/거짓, 배열, 객체(순서가 있는 키/값 들의 집합), nulljson파일은

https://lodash.com/ 의 documentation 을 참고하여 사용법을 알 수 있다.\_.uniq(arr) : 중복되는 내용 제거ex. \_.uniq(\[2,1,2]) => 2,1\_.uniqBy(A, std)A배열안의 객체 데이터들을 std값을

1\. 가져오기, 내보내기(1) import \_ from 'lodash' 와 같이 문자 데이터로 from 'lodash' 라고만 명시하면 프로그램은 자동으로 lodash 모듈을 node_modules 폴더에서 찾는다.(2) default export 로 데이터를 내보

객체를 대입연산자로 다른 변수에 대입하면 이 둘은 같은 객체이므로 둘 중 하나의 내용을 다르게 하면 둘의 내용은 모두 변하게 된다.의도치 않게 이런 경우를 방지하기 위해 '복사'에 대해 배워보자.ex.Object.assign(target, src) 메소드는 target

데이터 불변성(Immutable)데이터는 크게 두가지로 나눌 수 있다.원시 데이터: String, Number, Boolean, undefined, null자바스크립트에서 사용할 수 있는 원래 데이터참조형 데이터: Object, Array, Function(자바스크립트

파이썬의 \*과 같다. iterable한 객체를 언패킹해주는 \*처럼 전개연산자 ...은 배열을 언패킹해준다.ex.이 때, ...z를 나머지를 받아준다하여 rest parameter라고 부른다.저렇게 하면 ...z는 z를 언패킹한다는 것이므로 z에는 배열이 들어가야 하

구조 분해 할당 이란 위와 같이 user라는 객체 데이터에서 내용을 구조분해해서 원하는 속성들만 꺼내서 사용할 수 있는 개념이 된다.이는 x = user.name 처럼 변수에 할당하여 사용하는 것과 큰 차이는 없으나없는 값 대신 사용할 수 있는 기본값을 할당하여 사용할