태그 목록
전체보기 (218)c언어(83)자료구조(40)백준(37)파이썬(32)js(22)알고리즘(15)CSS(14)트리(14)자바(13)자바스크립트(13)재귀함수(13)재귀(11)html(11)배열(10)Java(10)정렬(10)연결리스트(10)문자열(9)자료형(9)프론트엔드(8)수학(7)구현(7)DP(7)탐색(6)BFS(5)타입스크립트(5)스택(5)시간복잡도(5)논리회로(5)그래프(5)기초 문법(5)자바 스크립트(4)함수(4)기초문법(4)제어문(4)클래스(4)이진 트리(3)순회(3)구조체(3)리스트(3)객체(3)다익스트라(3)이진트리(3)문법(3)반복문(3)이진수(3)최단거리(3)테이블(3)에러(3)실수(3)백트래킹(3)이진탐색(3)정수(2)계산기(2)해싱(2)object(2)그리디(2)입출력(2)벡터(2)퀵 정렬(2)memset(2)분할정복(2)크롤링(2)(2)부트스트랩(2)숫자(2)네트워크 플로우(2)bootstrap(2)boolean algebra(2)오류(2)정보(2)ADT(2)ts(2)매개변수탐색(2)우선순위 큐(2)연습문제(2)웹스크래핑(2)(2)json(2)비선형 자료구조(2)해쉬(2)속성(2)쿼드트리(2)color(2)선택자(2)DFS(2)이진 탐색 트리(2)(2)데이터(2)변수(2)background-position(1)IOIOI(1)Symbol(1)지역변수(1)피보나치 수열(1)헤더파일(1)최소 유량(1)문자(1)수열의 합(1)named export(1)파일 입출력(1)최대공약수(1)표현(1)for문(1)malloc(1)충돌(1)위키 백과(1)프론트앤드(1)셀레니움(1)플로이드-와샬(1)트리의 부모 찾기(1)모듈(1)딕셔너리(1)피보나치(1)브라우저(1)크롬(1)scanf(1)JSON포멧(1)컬렉션(1)전역 속성(1)분할 정복(1)최소 편집(1)빅오(1)빅오메가(1)빅세타(1)연산자(1)무한루프(1)투 포인터(1)emmet(1)정수형(1)배치(1)내장함수(1)head(1)배열 범위 초과(1)스트림(1)xhtml(1)Big-Theta(1)튜플(1)벨만포드(1)깊이 우선 탐색(1)beautifulsoup(1)힙 정렬(1)null(1)음수(1)전개 연산자(1)일차원 배열(1)플렉스(1)개발자 도구(1)배수(1)sessionStorage(1)wrapper(1)구조(1)스크래핑(1)조합(1)경로(1)합의 규칙(1)의사코드(1)match(1)(1)(1)패턴(1)Quick Sort(1)Spread(1)다항시간(1)node.js(1)properties(1)거짓말(1)padding(1)배열 기반 스택(1)while(1)웹앱(1)브라우저 스타일 초기화(1)태그(1)printf(1)export default(1)export(1)비트연산(1)입출력 스트림(1)디버깅(1)기수 정렬(1)기초프로그래밍(1)실수형(1)퀵 소트(1)카운팅 정렬(1)BigDecimal(1)지수시간(1)atoi(1)최대공약수와 최소공배수(1)sprintf(1)css 선택자(1)분수찾기(1)펙토리얼(1)주항(1)IO(1)퀸-맥클러스키(1)buttons(1)코드(1)보간 탐색(1)스티커(1)g(1)margin(1)2진수(1)수정렬하기(1)Calender(1)font family(1)replace(1)수정렬하기3(1)box-sizing(1)이분매칭(1)P-NP(1)Font Weight(1)^M(1)캐시(1)최소 비용 신장 트리(1)배수판정(1)에드몬즈 카프(1)파일(1)font-size(1)DOCTYPE(1)메소드 체이닝(1)Big O(1)line-hight(1)병합정렬(1)종이의 개수(1)타입(1)꼬리재귀(1)제네릭(1)Consensus Rule(1)수식 트리(1)lld(1)펙토리얼 0의 개수(1)if(1)위키(1)비트맵(1)this(1)이차원 배열(1)타이머(1)카르노맵(1)body(1)puts(1)정수 삼각형(1)그래프 이론(1)(1)nvm(1)키로거(1)두 용액(1)중위표기식(1)가장 긴 증가하는 부분수열(1)Constructor(1)계단오르기(1)그래프 탐색(1)이차방정식(1)font-style(1)overflow(1)border(1)long long(1)Big-Omega(1)background image(1)구조 분해 할당(1)전역변수(1)localstorage(1)연산식(1)캐쉬(1)NP완비(1)최단경로(1)배열 리스트(1)LCM(1)유클리드 호제법(1)최소공배수(1)웹 이미지(1)max(1)용어(1)8진수(1)opacity(1)GCM(1)양방향 연결 리스트(1)이산수학(1)background color(1)비쥬얼 스튜디오 코드(1)최대 유량(1)얕은 복사(1)array(1)extends(1)시그마의 성질(1)i(1)display(1)이차원배열(1)출력(1)구조체의 크기(1)github(1)text-indent(1)dps(1)객체지향(1)상속(1)추상 자료형(1)삼항 연산자(1)집합(1)text-decoration(1)regexp(1)병합 정렬(1)git(1)디버그(1)스레드(1)test(1)html5(1)typescript(1)주석(1)포드 풀커슨(1)증명(1)fprintf(1)function(1)입력(1)background-repeat(1)DTD(1)큰 수(1)undefined(1)부분 배열(1)예외 처리(1)원형 연결리스트(1)비구조화 할당(1)배경(1)후위표기식(1)math(1)이분 탐색(1)background-size(1)깊은 복사(1)typedef(1)풍선 터뜨리기(1)전환(1)import(1)구간합 구하기(1)원형 연결 리스트(1)요소(1)우선순위(1)불변성(1)N과 M(1)구조체 포인터(1)쓰레드(1)text align(1)실수 연산(1)링크(1)변환(1)별찍기(1)npm(1)전처리기(1)예외(1)lodash(1)오픈 소스(1)뷰티풀수프(1)fread(1)사용자정의함수(1)프레임워크(1)

BootStrap 정리 (임시)

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

5일 전
·
1개의 댓글
·
post-thumbnail

Buttons

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

7일 전
·
0개의 댓글
·

Bootstrap 시작하기

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

7일 전
·
0개의 댓글
·
post-thumbnail

Structural Type System vs Nominial Type System

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

2022년 8월 9일
·
0개의 댓글
·
post-thumbnail

작성자와 사용자의 관점으로 코드 바라보기

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

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

Type(2)

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

2022년 8월 9일
·
0개의 댓글
·
post-thumbnail

Type(1)

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

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

First Type Annotation

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

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

TypeScript란?

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

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

정규표현식

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

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

Storage

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

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

JSON

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

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

lodash 사용법

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

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

가져오기 내보내기

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

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

얕은 복사와 깊은 복사

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

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

불변성

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

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

전개 연산자

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

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

구조 분해 할당

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

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

JS 데이터 (2) 객체

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/ObjectObject 객체에 정의된 메소드들 중 프로토타입으로 정의되지 않은 메소드들을 정적 메소드라고 한다.이들은 (

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

JS 데이터 (1)

문자 전역 객체란 자바스크립트의 global scope에서 항상 존재하는 객체이다. global scope에 항상 존재하므로 언제든 불러와서 쓸 수 있다. 그리고 String 역시 전역 객체인데 문자열(문자의 나열)의 생성자이다. 생성자라는 것은 new String

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