오늘 한 일
[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 |