프라이D
프라이Develog(❁´◡`❁)
프라이D
전체 방문자
오늘
어제
  • ALL (378)
    • TDD, Cleancode with JavaScr.. (5)
    • 프로젝트 (32)
      • work (3)
      • 직접 만드는 기술 블로그 (2)
      • 데일리 옥션 (19)
      • 모락모락 (8)
    • Computer Science (1)
    • Algorithm & 자료구조 (94)
      • 알고리즘 w.JavaScript (53)
      • 자료구조 (5)
      • (인프런) 자바스크립트 알고리즘 문제풀이 (34)
    • JavaScript (45)
      • JavaScript (41)
      • 모던 자바스크립트 Deep Dive (4)
    • WEB (13)
    • 회고 (12)
    • TIL (109)
    • WIL (7)
    • Stacks (20)
      • React.js (6)
      • Next.js (1)
      • Redux (3)
      • Node.js (2)
      • GIT (2)
      • SAP (1)
    • 15일 메이킹 프로젝트 (15)
    • 이전 기록 (14)
    • ETC. (5)
    • ---------------2021 (6)
      • 내일배움단-웹개발 5주 (2)
      • 정보처리기사 (4)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 내일배움카드
  • 코드스테이츠
  • vanilaJS
  • 스파르타코딩클럽
  • Til
  • 코딩프로젝트
  • 2023 인프콘 후기
  • 비트마스크
  • MySQL
  • nomadcoders
  • 자바스크립트비트마스크
  • 내일배움단
  • 모던자바스크립트딥다이브
  • nomadcoder
  • 투포인터알고리즘
  • JavaScript
  • 국비지원
  • 자바스크립트
  • 자바스크립트알고리즘
  • 알고리즘

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
프라이D

프라이Develog(❁´◡`❁)

[TIL]2021-1223 (THU)
이전 기록

[TIL]2021-1223 (THU)

2021. 12. 23. 23:45

오늘 한 일

[JS]

  • JS상에서 linear-gradient 만드는 방법​
    document.body.style.background = linear-gradient(270deg, ${color1},${color2});​​
  • document.body.style.background 로 배경에 접근, 문자열 리터럴에 배열 내 랜덤컬러 1,2를 넣어 linear-gradient를 만들 수 있다.​
    const color1 = colors[Math.floor(Math.random() * colors.length)​​
  • 배열 내에서 랜덤하게 요소 고르기 : 난수를 만들고, 범위는 배열의 길이만큼, 소수점 뒤는 버려서 숫자로 만들어줌.

[알고리즘] : 선형탐색과 이진탐색

  • 선형탐색 : 만약 배열이 있다면, 그 배열에 순서대로 접근해서 '당신이 a가 맞으신가요?' , '오 아니군요. 죄송합니다'를 반복해서 찾아내는 것. 배열의 길이가 짧다면 괜찮겠지만, 길어진다면 그만큼 시간도 오래걸린다. (시간복잡도가 O(n)이다.)
  • 이진탐색 : 배열의 중간 요소를 찾아, 내가 찾고싶은 변수와 비교해본다. 작거나 크다면 내가 찾고있는 숫자와 일치하지 않는 것이니 그 위로 혹은 아래로 다 소거해버린다. 그리고 남은 배열에서 또 중간을 찾아 같은 과정을 거친다.
  • 로그는 지수(거듭제곱)의 역관계, 값을 비교할 때마다 탐색 범위가 1/2로 줄어들기 때문에 이진탐색은 로그와 관련있음.
  • 따라서 시간 복잡도는 O(log_n_). 탐색량이 많고 복잡할수록 선형탐색에 비해 큰 폭의 속도향상이 가능하다.

[ETC.] : 티스토리 블로그 스킨 변경

  • 티스토리 블로그 스킨편집 탭에서 CSS를 바꿔 스킨을 커스터마이징 했다.
  • 인라인블럭과 코드블럭은 https://highlightjs.org/ 를 통해 변경했다.
  • 행간과 스크롤시 배경색상도 함께 변경해줌.

오늘의 느낀점

  • 바쁘다는 핑계로 블로그를 1개월간 방치했다. 매일 조금씩 하고는 있는데, 간단하게라도 기록하면 좋을 것 같아서 다시 시작하게 되었다.
  • 오늘 노마드코더 HTML&CSS 챌린지를 했는데, DRY, Don't Repeat Yourself 가 잘 되지 않는걸 스스로 느꼈다. 시간이 촉박해서 어쩔 수 없이 그대로 제출했는데, 앞으로는 화면을 짤때도 중복되는 요소가 있는 것 같으면 미리 설계해서 코드를 단축할 수 있도록 해야겠다.
저작자표시 (새창열림)

'이전 기록' 카테고리의 다른 글

[TIL]2021-1230 (THU)  (0) 2021.12.30
[TIL]2021-1227 (MON)  (0) 2021.12.28
[TIL]2021-1222 (WED)  (0) 2021.12.23
[TIL]2021-1019 (TUE)  (0) 2021.10.20
[TIL]2021-1018 (MON)  (0) 2021.10.18
    '이전 기록' 카테고리의 다른 글
    • [TIL]2021-1230 (THU)
    • [TIL]2021-1227 (MON)
    • [TIL]2021-1222 (WED)
    • [TIL]2021-1019 (TUE)
    프라이D
    프라이D
    틀린내용 정정 및 개선사항은 언제든지 댓글 달아주세요 :D

    티스토리툴바