스파르타코딩클럽 내일배움캠프 67일차
오늘 일과 간단 요약
- next.js 강의 2회차 듣기
- 유데미 typescript 강의 section 12
- 오늘 배운 내용 정리
- 프로그래머스 Level 1 1문제
next.js 강의 복습
오늘 3일차 강의가 올라오는 줄 알았는데, 내일 올라와서 오전에는 그냥 어제 오늘 강의 올라온 부분을 복습했다.
강의 들으면서 직접 실습도 해봤어야 했는데 이틀 내내 강의를 듣기만 했기 때문에 이번에는 실습도 좀 해보고...
next.js 와 조금 친해지는 시간을 가졌다고 해야 하나....ㅋㅋㅋㅋㅋㅋ
근데 사실 오전 내내 강의만 복습한 건 아니고, 어제 유튜브 링크를 통해 들어가서 봤다.
영상 보면서 포토폴리오 만들까, 고민하다가 어제 full-page가 마음에 들어서 그 라이브러리를 써보기로.
유튜브 영상이 nextJs 사용해서 포토폴리오 만들기라서 잠깐 듣다가 다시 내가 어제 만들던 걸 다시 해봤다.
최종 프로젝트 전에 next.js에 좀 익숙해져야 하는데 3일 내내 다른데 꽂혀있다....ㅋㅋㅋㅋ
어제도 TIL에 적었던 것 같은데 친해지기 실패...내일은 마지막 강의가 올라오기도 하고, 아예 내일은 많이 공부해야겠다. (과연 그럴수 있을지 모르겠지만?ㅋㅋㅋ)
유데미 typescript 강의 듣기
그래도 한 가지 다행인 점은 유데미 타입스크립트 강의가 완강을 앞두고 있다..!!
이제 section도 2개밖에 남지 않았고, 그것만 들으면 그래도 타입스크립트는 완강이다.
사실 제대로 이해했는지 잘 모르겠고...ㅋㅋ 프로젝트 진행할 때 썼던 것보다 더 많이 배운 느낌이지만 아무렴 어때.
완강을 할 수 있어서 다행이다. 사실 리액트 강의도 얼마 안남았는데 주말 내내 그걸 들어야 하나 싶다.
오늘 배운게 자바스크립트 라이브러리 lodash랑 typescript 에서 쓰는 class-validator, class-transformer이다.
lodash는 주말에 자바스크립트 스터디를 하는데 그 때 처음 알았던 라이브러리다.
얕은 복사, 깊은 복사 배우면서 코어 자바스크립트 에 나왔던 부분이라서 다같이 실습도 해봤었는데,
까먹고 있다가 이번에 강의 들으면서 익숙한데 싶어서 봤더니 lodash였다.
기왕 배운거 아예 블로그에도 정리해두자 싶어서 정리했다.
https://daydream-sy.tistory.com/173
[JavaScript] lodash 라이브러리
lodash란? JavaScript의 라이브러리 중 하나이며, 전세계적으로 많이 사용되는 라이브러리 중 하나이다. 주로 array, collection, date 같은 데이터의 구조를 간편하게 함수형으로 다룰 수 있게 하기 위해서
daydream-sy.tistory.com
그리고 또 신기했던 게 class-validator 과 class-transformer.
두 개 다 아예 처음 들어보는 거라서 강의 듣고 추가로 공식 깃허브도 들어가서 보고 구글링도 해봤다.
규모가 큰 프로젝트에서는 유용해보이는데, 내가 프로젝트 할 때는 데코레이터 자체를 안써봐서 언제 쓸 수 있을까 고민되기는 한다. 그래도 글로 정리해두고 나중에 복습해보는게 나을 것 같아서 이것도 정리.
사실 이건 lodash보다 더 모르겠어서 정리하는데 시간이 더 오래 걸렸다.
https://daydream-sy.tistory.com/174
[TypeScript] class-transformer 사용하기
class-transformer란? 자바스크립트에는 두 가지 형태의 객체가 있다. literal objects : Obejct 클래스의 인스턴스 / { } 표기법을 통해 생성 class(constructor) objects : 생성자, 프로퍼티 및 메소드가 있는 크랠스
daydream-sy.tistory.com
https://daydream-sy.tistory.com/175
[TypeScript] class-validator 사용하기
class-validator란? typescirpt를 사용할 때 decorator를 이용하여 편하게 검증할 수 있는 라이브러리이다. 유효성 검사를 하거나 데이터가 제대로 온 것인지 검증해야 할 때 유용하게 사용할 수 있다. 검
daydream-sy.tistory.com
강의 듣는 시간은 얼마 되지 않았는데 새로 배운 걸 더 공부해보느라 시간이 더 걸렸다.
확실히 계획과 다르게 흘러가는 게, 강의를 듣는다고 다가 아니라서 그런 듯 싶다.
내일 안에 다 끝내고 싶은데....이러다 또 nextjs 보다 타입스크립트를 더 하는거 아닌가 싶다...ㅋㅋㅋㅋㅋ
프로그래머스 Level 1 1문제
오늘도 1문제 풀기 성공
유형 별로 풀어야 한다는 영상을 봤음에도 그냥 자바스크립트 문법에 대해 감을 잃지 않기 위해 풀고 있다.
그리고 주말에 하는 스터디에서 level1 1문제씩 문제와 풀이를 공유하는데 스터디 대비 할 겸 푸는 중이다.
본격적인 코딩 테스트 준비는 최종 프로젝트 끝나고 취업 준비할 때 해야지.
그래도 오늘은 시간은 별로 걸리지 않고 바로 풀었다.
처음에는 삼항 연산자 쓸 생각 못하고 그냥 제출했다가 갑자기 생각나서 삼항연산자로 바꾸고.
아무래도 난이도 높은 순으로 풀어서 그런가 생각보다 순조롭게 풀고 있는 중이다.
어려운 거 나오면 시간 오래 걸리겠지만....? 내일까지는 그럴 생각이 없기 때문에 level 1에서도 나름 쉬운 문제 위주로 푸는 중이다. 쉽다고 다 쉬운것도 아니고 내 풀이가 완벽한건 아니지만, 그래도 초반에 level 0 풀 때보다는 나아보인다.
아래는 오늘 푼 문제 링크.
https://daydream-sy.tistory.com/176
[프로그래머스 Level 1] 12910. 나누어 떨어지는 숫자 배열 (JavaScript)
문제 설명 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담
daydream-sy.tistory.com
짧은 일기
최종 프로젝트 전에 부족한 걸 보충하고 싶어서 그런지 자꾸 타입스크립트 강의를 듣게 되고, 리액트를 더 하게 된다.
뭐가 더 맞는지 모르겠지만 일단 부족한 걸 더 하는게 낫다 싶긴 하다. 그래서 새로운 걸 할 시간이 사라지고...
내일이 최종 프로젝트 전 마지막 날인데, 우선적으로 타입스크립트 유데미 강의 완강을 목표로 하고 싶다.
next.js 도 해야 하는 거 맞고, 더 공부해보고 싶은데 부족한 걸 채우는게 우선이니까...
내일 올라오는 튜터님 강의를 듣고 복습을 하고 남는 시간이 있다면 어제 찾아둔 유튜브 영상을 봐야겠다.