- 전체보기(66)
- 프론트엔드(27)
- 강의(24)
- 알고리즘(11)
- 자료구조(10)
- CSS(6)
- typescript(6)
- html(4)
- JavaScript(4)
- class(4)
- 유데미(4)
- express(3)
- 타입스크립트(3)
- type(3)
- 정렬(3)
- 자바스크립트(3)
- Sort(3)
- readonly(3)
- this(2)
- 배열(2)
- GET(2)
- DOM(2)
- package.json(2)
- axios(2)
- interface(2)
- 우선순위 큐(2)
- type alias(2)
- DFS(2)
- 단방향 연결 리스트(2)
- HTML Elements(2)
- tree(2)
- merge(2)
- queue(2)
- BFS(2)
- Route(2)
- catch(2)
- 재귀(2)
- try(2)
- git(2)
- dynamic programming(2)
- singly linked list(2)
- extends(2)
- DP(2)
- never(2)
- REST(2)
- 부트스트랩(1)
- truthiness(1)
- terminal(1)
- API(1)
- public(1)
- npm(1)
- 문제해결전략(1)
- instance(1)
- Primitive Types(1)
- rm(1)
- POST(1)
- Node REPL(1)
- git commit(1)
- shell(1)
- querySelector(1)
- 싱글스레드(1)
- Graph(1)
- 프로그래머스(1)
- radix sort(1)
- html table(1)
- discriminated union(1)
- Restful(1)
- http(1)
- Box Model(1)
- patch(1)
- inference(1)
- t(1)
- 프로퍼티(1)
- process.argv(1)
- files(1)
- git status(1)
- stack(1)
- 스프레드(1)
- Pull Request(1)
- git pull(1)
- process(1)
- 해시(1)
- 쿼리(1)
- 콜스택(1)
- 이진검색트리(1)
- 인접리스트(1)
- priority queue(1)
- heap(1)
- css - box model(1)
- 합병정렬(1)
- 그래프 순회(1)
- BSON(1)
- 기수정렬(1)
- 코딩테스트(1)
- include(1)
- 패키지(1)
- 모듈(1)
- 객체(1)
- memoization(1)
- 메모이제이션(1)
- nodemon(1)
- recursion(1)
- 이중 연결 리스트(1)
- gitflow(1)
- 시간복잡도(1)
- fs(1)
- mongo(1)
- instanceof(1)
- Module(1)
- Sliding Window(1)
- dijkstra(1)
- 다익스트라(1)
- call stack(1)
- 라우팅(1)
- prventDefault(1)
- exclude(1)
- 다중포인터(1)
- class field(1)
- 공간복잡도(1)
- await(1)
- 이진트리(1)
- ajax(1)
- 문서 객체 모델(1)
- annotation(1)
- 라우트(1)
- Merge sort(1)
- Quick Sort(1)
- Spread(1)
- type narrowing(1)
- async(1)
- node.js(1)
- abstract(1)
- return(1)
- for(1)
- branch(1)
- in(1)
- bubble(1)
- export(1)
- &&(1)
- 분할정복(1)
- 고차함수(1)
- Flexbox(1)
- typeof(1)
- query(1)
- Generic(1)
- selector(1)
- SOME(1)
- VOID(1)
- 조건문(1)
- d.ts(1)
- 문자열(1)
- classList(1)
- any(1)
- type predicates(1)
- 슬라이딩윈도우(1)
- Node(1)
- json(1)
- insertion(1)
- 순수재귀(1)
- hash function(1)
- mongodb(1)
- type declaration(1)
- private field(1)
- filter(1)
- bootstrap(1)
- 루프(1)
- 해시함수(1)
- loop(1)
- foreach(1)
- getElementById(1)
- as(1)
- delete(1)
- tsc(1)
- extend(1)
- String(1)
- 이진 힙(1)
- constructor function(1)
- Big O(1)
- frequency counter(1)
- union(1)
- adjacency list(1)
- 제네릭(1)
- Tabulation(1)
- 문제해결패턴(1)
- 템플레이팅(1)
- CSS Flexbox(1)
- 헬퍼메소드재귀(1)
- new(1)
- cd(1)
- 퀵 정렬(1)
- 함수(1)
- arrow function(1)
- @Target(1)
- CSS property(1)
- protected(1)
- if문(1)
- Enum(1)
- Constructor(1)
- html form(1)
- git branch(1)
- reduce(1)
- static method(1)
- 최단경로(1)
- traverse(1)
- css selector(1)
- data(1)
- is(1)
- 구조분해(1)
- 명령어(1)
- 스택(1)
- 삽입정렬(1)
- array(1)
- form(1)
- tsconfig(1)
- getter(1)
- super(1)
- selection(1)
- Fetch(1)
- addEventListener(1)
- Intersection Type(1)
- graph traversal(1)
- nosql(1)
- Multiple pointer(1)
- node_modules(1)
- 익명함수(1)
- github(1)
- 객체지향(1)
- Binary Search(1)
- outDir(1)
- Generics(1)
- 타입선언(1)
- Map(1)
- 선형검색(1)
- 그래프(1)
- 타입 단언(1)
- Binary Search Tree(1)
- Hash Table(1)
- 타뷸레이션(1)
- linear search(1)
- ejs(1)
- 큐(1)
- hash(1)
- 동적계획법(1)
- bubbling(1)
- 힙(1)
- binary heap(1)
- 빈도카운터(1)
- private(1)
- 절대경로(1)
- 상대경로(1)
- 인접행렬(1)
- tuple(1)
- set(1)
- 생성자(1)
- ls(1)
- 터미널(1)
- method override(1)
- static(1)
- scope(1)
- git clone(1)
- git add(1)
- function(1)
- type assertion(1)
- Divide and conquer(1)
- destructuring(1)
- object(1)
- 이진검색(1)
- 콜백지옥(1)
- 문맥상(1)
- doubly linked lists(1)
- 선택정렬(1)
- promise(1)
- import(1)
- package(1)
- every(1)
- compiler(1)
- 버블정렬(1)
Git 정리2 : Github
출처 - 코딩애플 git 강의https://codingapple.com/course/git-and-github/git과 github는 다르다git → 버전관리 프로그램git이 파일 기록해두는 장소 → repository 레포지토리레포지토리는 작업폴더에 숨김파일
Git 정리1 : 기초
출처 - 코딩애플 git 강의https://codingapple.com/course/git-and-github/2일 전 코드로 돌아가려면?매번 백업해두거나버전관리 소프트웨어 쓰거나Git은 버전관리 소프트웨어다작업한 코드를 기록, 보관 가능코딩하다 실수하면 과거
자료구조 강의 정리9 : Graph
그래프 그래프는 노드나 노드들의 연결을 모은 것이다 앞에서 배운 트리는 그래프의 일종. 트리는 한 개의 노드(루트)에서 내려오는 여러 자식 노드의 형태. 그래프는 오늘날 매우 널리 쓰임. 모든 sns들이 그래프를 쓴다 영화추천 사이트, 쇼핑몰 넷플릭스나 아마
타입스크립트 정리 13: 모듈
모듈이란 파일 간 코드를 공유하는 방법타입스크립트 네임스페이스.타입스크립트의 특정된 모듈 포맷이다.https://www.typescriptlang.org/ko/docs/handbook/namespaces.html요새는 많이 쓰이지 않는 추세이다. ES 모듈을
타입스크립트 정리 12 : Type Declarations
타입 선언.ts 로 끝나지 않고 .d.ts 로 끝나는 파일이 선언 파일이다..d.ts 파일에서는 구현 세부 사항이나 실행될 JavaScript 코드 및 출력을 찾아볼 수 없다.대신 타입 정보만 찾을 수 있음. 즉 타입을 선언한다.타입스크립트는 어떤 작업이나 타입에서 쓸
타입스크립트 정리11: type narrowing
타입 좁히기란 주로 명확하지 않은 타입이 있을 때 사용하는 것으로그런 타입을 유니온(union) 타입이라고 하며 이를 보다 명확하게 좁히는 것이다.값의 타입에 따라 다르게 작동하는 함수‘ade’ → ‘adeadeade’3 → 9이렇게 나오려면 어떻게 해야할까?가장 쉬운
타입스크립트 정리 10: 제네릭
매우 중요그런데 구문이 좀 투박하다. 못 생김.이해하기 살짝 까다롭다.제네릭(Generics)이란 TypeScript에서 여러 타입에서 사용할 수 있는 재사용 함수나 재사용 클래스를 정의할 수 있게 해주는 특수 기능 또는 특수 구문이다.sting을 넣으면 string이
타입스크립트 정리9 : 타입스크립트 class
생성자 함수 전에 first와 last 모두 타입이 설정되어야 한다.그 다음 생성자 함수에서 받는 argument도 타입을 정해야 함.읽기 전용 제어자. 객체 타입 컨텍스트에서와 같이 클래스에서만 readonly를 사용할 수 있다.기본적으로 JavaScript와 Typ
타입스크립트 정리8 : 자바스크립트 Class
타입스크립트 클래스를 다루기 전에자바스크립트 클래스를 정리한다.https://velog.io/@vieowf23r/프론트엔드-복습-정리-23-프로토타입-new-class-객체지향참조. 추가할 내용들 후술.생성자 함수 밖에서 프로퍼티를 정의할때 하드 코딩된 값을
타입스크립트 정리7: DOM, type assertion
querySelectorgetElementByIdaddEventListener등은 JavaScript를 통해 HTML 및 CSS와 상호 작용하는 메서드TypeScript와 이러한 메서드의 상호 작용 방식lib 옵션대부분의 경우 건드리지 않고 기본값만 사용하지만 옵션을
코딩테스트 리뷰 정리 : 프로그래머스 멀리 뛰기
https://school.programmers.co.kr/learn/courses/30/lessons/12914효진이는 멀리 뛰기를 연습하고 있습니다. 효진이는 한번에 1칸, 또는 2칸을 뛸 수 있습니다. 칸이 총 4개 있을 때, 효진이는(1칸, 1칸, 1칸
프론트엔드 복습 정리 30 : MongoDB
데이터베이스는 과연 왜 필요한가?데이터를 지속해야 하기 때문이다.데이터베이스에서 어마어마한 데이터를 효율적으로 저장 압축하고 관리하기 쉽게 만들어준다 데이터를 쉽게 create, read, update, delete 할 수 있다데이터를 필터링하고 정렬하고 검색할 수 있
타입스크립트 정리 6: 컴파일러
VScode 또는 TypeScript playground에서 타입스크립트 컴파일러 설정을 할 수 있다https://www.typescriptlang.org/playTS configVScode에서 설정한다면먼저 터미널에서 작업할 디렉토리로 들어간 다음이라고 치면
타입스크립트 정리 섹션5: 인터페이스
인터페이스는 기본적으로 type alias와 비슷하지만객체의 형태를 묘사하는 데에 사용된다. 오직 객체에만 사용된다.다양한 프로퍼티, 혹은 메서드를 포함하고 있는 객체에 사용된다interface 키워드를 사용하고 인터페이스의 이름이 들어가는데 등호 = 를 사용하지 않음
타입스크립트 정리4 : 유니온 타입, Tuple, Enum
유니온 타입을 사용하면 변수의 타입을 숫자 또는 문자열로 선언하거나 특정 함수 두 가지 모두 취하도록 선언할 수 있다.숫자나 문자열에만 국한된 것이 아님어떤 타입이든 가능하다number | string | boolean 이렇게 3가지도 가능하다. 권장되는 방식이 아니다
타입스크립트 정리3 : 객체 타입, 배열 타입
타입스크립트의 객체 리터럴은 자바스크립트와 같다. 중괄호를 사용.(객체 리터럴: 객체의 프로퍼티를 직접 key: value 형식 데이터를 입력하는 방식)객체는 여러 프로퍼티로 구성되어 있고, 각각 프로퍼티 값은 다른 타입을 갖고 있다(name은 문자열, age는 숫자)
타입스크립트 정리2: annotation, 함수
타입 애너테이션으로 타입을 선언해줄 수 있다어떤 함수는 숫자만 반환해야 한다던가어떤 객체는 color라는 프로퍼티를 갖고 그것은 문자열의 배열이어야 한다이렇게 정해놓을때 변수 이름 뒤에 콜론 : 을 적고 타입을 적어주면 된다콜론 뒤에 string이 타입스크립트에게 이
타입스크립트 정리1
마이크로소프트에서 만든 자바스크립트의 슈퍼셋 프로그래밍 언어.자바스크립트에서 자주 발생하는 오류나 버그를 잡아준다. 어떻게 작동하냐면 타입(Type)을 추가하는 것이다.스크린샷 2023-04-22 오후 10.20.43.png슈퍼셋의 의미모든 자바스크립트
프론트엔드 복습 정리 29 : RESTful 라우트
두 가지 타입의 HTTP 요청Get요청은 대부분 정보를 가져올 때 쓰인다정보를 가져오고 페이지를 가져와서 화면에 띄우는 것이고 백엔드에 영향을 주지 않음Get 요청을 보낼 때 같이 따라오는 데이터가 있다면 데이터는 쿼리 문자열에 담긴다즉, URL에서 데이터를 볼 수 있
프론트엔드 복습 정리 28 : 템플레이팅, 동적 HTML, EJS
템플레이팅은 미리 셋팅된 템플릿을 만든느 것항상 같은 html 정적 코드를 쓰는 대신에 정보와 로직을 넣어서루프로 여러번에 걸쳐 템플릿의 일부를 반복할수 있게 해준다ex) 각각 다른 주제로 같은 디자인을 가지는 게시판들EJS를 사용한다 Embedded JavaScrip