[TIL] 2021 01 06 Wed

오랜만에 쓰는 TIL.
혼자서는 꾸준히 하기가 어려운 것 같아서 마음을 다잡을겸 오늘부터 다시 TIL을 쓰기로 했다.
요즘은 자바스크립트, SASS, 알고리즘, 마이크로서비스를 공부하면서 면접 준비와 팀 프로젝트를 병행하고 있다. 문어발처럼 손대는 것이 많은 만큼 체계적인 시간 관리와 기록이 필요할 것 같아서 여기에 틈틈히 남길 생각이다.

TIL

1. Javascript 30

리액트를 배우느라 순수 자바스크립트 DOM을 거의 잊고 있었는데 폴님의 추천으로 재미있는 강의를 알게 되었다. 30일 동안 10분 내외로 짧은 자바스크립트 프로젝트를 하는 강의인데, 워밍업 겸 짧게짧게 듣는 재미가 있다. 강의 링크는 여기!

오늘 배운 것 👇

Day 3 : Playing with CSS variables and JS

1. CSS로 변수를 처리하는 방법을 알게 되었다.

:root {
  --base: #ffc600;
  --spacing: 10px;
  --blur: 10px;
}

img {
  padding: var(--spacing);
  background: var(--base);
  filter: blur(var(--blur));
}

2. input 태그의 새로운 종류(range, color)를 알게 되었다!

<!--range-->
<input type="range" min="10" max="200" value="10" data-sizing="px" />

<!--color-->
<input type="color" value="#ffc600" />

Day 4 : Array Cardio Day 1

배열 메소드(filter, reduce, map, sort)를 연습하는 프로젝트. 코드스테이츠 프리코스 당시 javascript koans가 생각나는 프로젝트였다ㅋㅋㅋ advanced에서 머쉬룸 골라내느라 엄청 힘들었던 기억이 있는데ㅋㅋㅋ 추억이다..

2. Advanced CSS and Sass Flexbox, Grid, Animations and More!

정은님 추천으로 듣게된 udemy 강의. CSS는 한번쯤 체계적인 강의를 듣고 싶었는데 CSS 강자 정은님이 추천해주셔서 바로 어제 결제했다. 마침 udemy 신년 세일이기도 해서! 어제부터 계속 보면서 든 느낌은.. 여태까지 계속 야생에서 생존하다가 문명을 배우는 느낌이랄까.. 내가 야매로 해온 것들과는 차원이 달라서 흥미롭게 듣고 있다.

section 4: Introduction to SASS and NPM

어제가 css 강의였다면 section 4부터는 SASS로 작성하고 css로 컴파일하는 방법을 배웠다. SASS 아키텍쳐가 넘나 내 취향.. 딱딱 정리되어있어서 코드를 작성하는 내내 마음이 편안해졌다.

section 5: Natours Project — Using Advanced CSS and Sass (Part 2)

오늘 여기까지 완성. 강의를 들으면서 그대로 친 거라 완전히 내 지식이 되었다고 말하기엔 부끄럽지만 어떻게 HTML 구조를 짜야하고 SASS를 어떻게 작성해야하는지 많이 배웠다. 강의를 다 들으면 혼자서 다시 만들어볼 예정.

3. JavaScript Algorithms and Data Structures Masterclass

코딩테스트 대비용으로 듣고 있다. 이것 역시 udemy 강의.
어제의 bubble sort, insertion sort, selection sort에 이어서 오늘은 merge sort, quick sort, radix sort를 배웠다.
radix를 제외하고는 모두 알고리즘 스터디나 코드스테이츠 토이 문제를 풀면서 두어 번 접해보았던 정렬 알고리즘들이어서 그런지 조금씩 익숙해지는 것 같다.
radix는 오늘 처음 접했는데 뭔가! 엄청! 접근방식이 신박했다! 다만 헬퍼 함수들이 너무 수학적인 접근이라 이해하는데 오래걸렸다..

내일은 여태까지 익혔던 정렬 알고리즘을 혼자 구현해보면서 중얼중얼 면접 준비를 하기로 했다. 준비하면서 정리한 내용은 블로깅할 예정(제발..!)

4. Microservices with Node JS and React

마이크로서비스에 대한 udemy 강의도 틈틈히 듣는 중이다. 비록 본격적으로 들어가기도 전에 docker의 장벽에서 막혔지만..
앞으로 진행할 팀 프로젝트에서 도커와 마이크로서비스를 사용할 예정이라 좀 꼼꼼히 공부하고 싶은데 생각처럼 머릿속에 잘 안 들어와서 일단 선지식을 쌓는다는 느낌으로 빠르게 대강대강 듣고 있다. 기회가 되면 한 번 더 들으면서 정리할 생각..

section 5. Architecture of Multi-Service Apps

지난한 blog 프로젝트가 끝나고 이제 Ticket App으로 넘어왔다..