👨‍💻
Noah's TIL
Github
  • 🚀Intro
    • 👨‍💻 반가워요
    • 🏖️ 이곳은요
  • ✏️ Diary
    • 우아한테크코스
      • 우아한테크코스 5기 프리코스
        • 서류 지원
        • 프리코스 1주 차 - 온보딩
        • 프리코스 2주 차 - 숫자 야구 게임
        • 프리코스 3주 차 - 로또 게임
        • 프리코스 4주 차 - 다리 건너기 게임
        • 프리코스 최종 코딩 테스트 - 점심 메뉴 추천
        • 우테코 최종 합격 후기
      • Level1
        • 레벨1 자동차 경주 - step1
        • 레벨1 자동차 경주 - step2
        • 레벨1 행운의 로또 - step1
        • 레벨1 행운의 로또 - step2
        • 레벨1 점심 뭐 먹지 - step1
        • 레벨1 점심 뭐 먹지 - step2
        • 레벨1 영화 리뷰 - step1
        • 레벨1 영화 리뷰 - step2
        • 레벨1 - 인터뷰
      • Level2
        • 레벨2 다시, 점심 뭐 먹지 - step1
        • 레벨2 다시, 점심 뭐 먹지 - step2
        • 레벨2 페이먼츠 - step1
        • 레벨2 페이먼츠 - step2
        • 레벨2 페이먼츠 - step3
        • 레벨2 장바구니 - step1
        • 레벨2 장바구니 - step2
        • 레벨2 장바구니 협업 - step1
        • 레벨2 장바구니 협업 - step2
        • 레벨2 - 인터뷰
      • Level3
        • 레벨3 - 1~2주차 회고
        • 레벨3 - 3~4주차 회고
        • 레벨3 - 5~6주차 회고
    • 나의 첫 코딩 테스트(feat 라인, 카카오)
  • 🖥️ Computer Science
    • Design Pattern
      • 디자인 패턴이란?
      • 싱글톤 패턴
      • 팩토리 패턴
      • 전략 패턴
      • 물리 계층 처리 기기
      • 데이터 링크 계층 처리 기기
    • HTTP
      • https
    • Process & Thread
      • 프로세스와 컴파일 과정
      • 프로세스의 상태
    • DataBase
      • 조인의 원리
  • 🍿ETC
    • Markdown
    • SPA (Single Page Application)
    • SSR & CSR
    • 브라우저의 랜더링 과정
    • 명령형 프로그래밍과 선언형 프로그래밍
  • 💄CSS
    • Style Sheet
    • Inheritance & Cascading
    • Global CSS
    • Selector
    • display 프로퍼티 (block, inline, inline-block)
    • Box Model
    • Background
    • Text
    • Position
    • Shadow
    • Transition
    • Animation
    • Transform
    • Flexbox Layout
    • Grid Layout
    • CSS 스타일링에선 ID 선택자를 쓰지 말아야 하는 이유 4가지
  • 🌈Javascript
    • 실행 컨텍스트(execution context)
    • 클로저(closure)
    • 자바스크립트 모듈 시스템
    • undefined & null
    • 얕은 복사와 깊은 복사
    • 자바스크립트에서 함수를 선언하는 방법
    • 객체의 프로퍼티 존재 확인과 열거
    • Map
    • Set
    • 이터러블
    • 비동기
      • 동기와 비동기
      • 자바스크립트에서 비동기 입력 다루기
    • Array Method
      • 배열의 요소 추가 삭제(push, pop, unshift, shift, splice, slice)
      • 원하는 인덱스 찾기(indexOf, lastIndexOf, findIndex)
      • 배열의 요소를 순회하기(forEach, map, some, every)
      • 조건을 만족하는 요소로만 구성된 배열 만들기(filter)
      • 배열의 요소를 가지고 하나의 결과값을 만들어 반환하기(reduce)
      • 원하는 요소 찾기(find)
      • 중첩된 배열 구조 평탄화하기(flat, flatMap)
      • 배열의 순서를 반전시키고 문자로 바꾸기(reverse, join)
      • 배열에 특정 요소가 있는지 확인하기(includes)
      • 배열에 정적인 값으로 채우기(fill)
      • 배열 정렬하기(sort)
    • DOM
      • 요소 노드 취득하기
      • HTMLCollection과 NodeList
      • 요소 노드와 텍스트 조작
      • innerHTML
      • insertAdjacentHTML
      • 노드 생성과 추가 및 삭제
      • 클래스 조작
      • 이벤트 전파
      • 이벤트 위임
    • Class
      • 자바스크립트에서의 클래스
      • 클래스의 기본
      • 클래스 사용에 대한 고찰
      • 코드의 재사용, 상속과 조합
    • 투두리스트 만들기(with MVC pattern)
      • 투두 등록하기
      • 투두 완료 및 삭제하기
    • 클린코드를 위한 코딩컨벤션
      • 매직 넘버는 상수화하여 관리하자
      • 함수 내에서 반환은 적으면 적을수록 좋다
      • 의미 있는 이름 짓기(명명법)
      • 문자열 다루기
      • 형변환하기
  • 🔥Typescript
    • Typescript란?
    • Typescript 설정 파일
    • Effective Typescript
      • 아이템 7 - 타입은 값들의 집합이다.
      • 아이템 15 - 동적 데이터에 인덱스 시그니처 사용하기
      • 아이템 16 - number 인덱스 시그니처보다는 Array, 튜플, ArrayLike를 사용하기
    • React에서의 Typescript
      • React App에 Typescript 적용하기
      • React children with TypeScript
      • Styled Components with TypeScript
      • useForm register를 자식 컴포너트에 전달하기
  • 🌳React
    • React란?
    • JSX
    • Virtual DOM
    • Create React app
    • 클래스형 Component vs 함수형 Component
    • Props
    • State
    • 이벤트 처리
    • 배열 렌더링
    • 조건부 렌더링
    • Lifecycle
    • CSS
      • Styled Components
    • Hooks
      • useState()
      • useEffect()
      • useRef()
      • useMemo()
      • useCallback()
      • useReducer()
      • useContext()
    • Node Package Module(NPM)
  • 🧭Jest
    • 자바스크립트의 테스트코드, Jest란 무엇인가?
    • Jest 시작하기(설치 및 실행하기)
    • 자주 사용하는 Globals Methods
    • 기본적인 Expect API 및 Matcher 함수 사용하기
    • 모의 함수(Mock Functions) 사용하기
    • 함수의 호출 테스트하기 with jest.spyOn()
  • ⛳️ 정규 표현식(Reg Exp)
    • 정규 표현식이란?
    • 정규식 플래그
    • 검색 기준 패턴
    • 특정 문자 숫자 매칭 패턴
    • 갯수 반복 패턴
    • 그룹 패턴
    • 정규 표현식의 메서드
    • 정규 표현식과 함께 사용하는 String의 메서드
  • 🧚Data structure & Algorithm
    • 자료구조와 알고리즘을 공부해야 하는 이유
    • 빅오 표기법
    • 문제 해결 접근법
    • 문제 해결 패턴
    • 재귀(Recursion)
    • 검색 알고리즘
    • 정렬 알고리즘
      • 버블 정렬(Bubble Sort)
      • 선택 정렬(Selection Sort)
      • 삽입 정렬(Insertion Sort)
      • 합병 정렬(Merge Sort)
      • 퀵 정렬(Quick Sort)
      • 기수 정렬(Radix sort)
    • Data structure(자료구조)
      • 자료구조의 개념과 종류
      • 단일 연결 리스트(Singly Linked List)
      • 스택(Stack)
      • 큐(Queue)
      • 해시 테이블(Hash Table)
      • 그래프(Graph)
      • 트리(Tree)
      • 힙(Heap)
      • 트라이(Trie)
    • Algorithm(알고리즘)
      • 이진 탐색(Binary Search)
      • 너비 우선 탐색(BFS)
  • 🐚Coding Test
    • Programmers
      • Level 1
        • 크레인 인형뽑기 게임
        • 소수 만들기
        • 최소직사각형
        • [카카오 인턴]키패드 누르기
        • 완주하지 못한 선수
        • 신규 아이디 추천
        • 폰켓몬
        • 두 개 뽑아서 더하기
        • 예산
        • 신고 결과 받기
        • 같은 숫자는 싫어
        • 로또의 최고 순위와 최저 순위
        • 숫자 문자열과 영단어
        • 성격 유형 검사하기
        • 모의고사
        • 체육복
        • 실패율
        • 다트 게임
        • 가장 가까운 글자
        • 과일 장수
        • 숫자 짝꿍
        • 햄버거 만들기
        • 둘만의 암호
      • Level 2
        • 메뉴 리뉴얼
        • 뉴스 클러스터링
        • 기능개발
        • 두 큐 합 같게 만들기
        • 문자열 압축
        • 올바른 괄호
        • 괄호 변환
        • 프린터
        • JadenCase 문자열 만들기
        • 파일명 정렬
        • 다리를 지나는 트럭
        • 위장
        • 주차 요금 계산
        • 멀리 뛰기
        • 영어 끝말잇기
        • 캐시
        • 짝지어 제거하기
        • 구명보트
        • N개의 최소공배수
        • 예상 대진표
        • 튜플
        • k진수에서 소수 개수 구하기
        • n^2 배열 자르기
        • [3차] 압축
        • [3차] n진수 게임
        • 스킬트리
      • Level 3
        • 베스트 앨범
        • 이중우선순위큐
      • Level 4
        • 자동완성
  • 🗃️ Git & Github
    • Git vs Github
    • Git
      • 규칙적인 깃 커밋 메세지 작성하기
      • git commit, git push 취소하기
    • Github
      • Branch Protection Rule 적용하기
  • 📚Reading
    • 객체지향의 사실과 오해
      • Chapter1 협력하는 객체들의 공동체
      • Chapter2 이상한 나라의 객체
      • Chapter3 타입과 추상화
      • Chapter4 역할, 책임, 협력
      • Chapter5 책임과 메시지
      • Chapter6 객체 지도
      • Chapter7 함께 모으기
Powered by GitBook
On this page
  1. 🧚Data structure & Algorithm

Algorithm(알고리즘)

이진 탐색(Binary Search)너비 우선 탐색(BFS)
Previous트라이(Trie)Next이진 탐색(Binary Search)

Last updated 2 years ago