Just Do IT!

스파르타코딩클럽 내일배움캠프 65일차 본문

스파르타코딩클럽 내일배움캠프/TIL

스파르타코딩클럽 내일배움캠프 65일차

MOON달 2023. 1. 31. 21:26
728x90
반응형
오늘 일과 간단 요약
  1. nextJS 강의
  2. 유데미 typescript 강의 section 10 ~ 11
  3. 프로그래머스 Level 1 1문제
  4. webpack 관련 추가 공부

 

 

 

 

 

 

 

 

 

 

next.js 강의

최종 프로젝트 전에 주어진 4일 간은 next.js 에 대해 공부하는 시간이다.

물론 그렇지만 오늘 타입스크립트 공부를 더 많이 한듯...?ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

원래는 유튜브에서 nextJS에 대해 좀 더 찾아보고 미리 공부했어야 했는데, 어제 프로젝트가 끝난 관계로...

오늘은 그냥 튜터님이 제공해주신 강의만 들었다.

 

1일차라서 간단하게 Next.js 가 뭔지, 어떤 식으로 프로젝트를 생성하고 페이지가 렌더링 되는지 등을 배웠다.

확실히 그냥 리액트 프로젝트보다 훨씬 간결해보기는 한데, 조금 더 공부해봐야 감이 잡힐 것 같다.

 

노션에 정리하면서 하고 있는데, 튜터님 강의가 다 끝나면 한번에 묶어서 블로그에도 정리해야지.

근데 사실 튜터님이 하는 코드 그대로 보면서 치는 거라서 의미가 없으려나 싶기도 하고....

아무튼!

오늘은 그냥 맛보기처럼 튜터님 강의만 들었으니까 내일은 유튜브에서 강의를 조금 더 찾아보고 공부해야겠다.

 

물론 공식 문서를 읽어야 하는 게 맞는데...ㅎ 읽어야지...

이게 습관이 안 드니까 자꾸 구글링하고 공식 문서를 제일 마지막에 읽는 것 같다. 이러면 안된다고 하던데.

공식 문서를 어떤 식으로 읽어야 잘 읽는 것인지에 관해서도 고민해봐야겠다.

 

아래는 Next.js 공식 문서. 생각날때마다 들어가야지.

https://nextjs.org/

 

Next.js by Vercel - The React Framework

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

nextjs.org

 

 

 

 

 

 

 

 

유데미 typescript 강의 section 10~11

항상 유데미 강의를 사놓고 끝까지 들은 적이 없었다. 그렇게 쌓인 자바스크립트와 리액트 강의...

그나마 리액트 강의는 절반 정도 들었긴 하지만...ㅎ 이렇게 그냥 쌓인 강의들이 너무 아쉽다 부지런히 듣고 싶었는데.

 

그래서 이번 개인 공부할 때 적어도 타입스크립트는 완강하고 싶어서 오늘도 section 2개를 들었다.

typescript 강의라서 리액트+typescript 프로젝트를 했던 나에게는 아주 신세계(?) 같은 강의다.

 

아예 기초부터 자세히 가르쳐주기도 하고, 연습 프로젝트는 아예 app.ts에서 class로 기능 구현하는 그런 신가한 강의...

바닐라 자바스크립트로 프로젝트 하는 것 같기도 하고 안해본 거라 그런가 쫌 어렵기도 하다.

그래도 1바퀴는 꼭 돌리고 싶어서 듣는 중인데, 오늘 webpack이라는 아예 새로운 걸 배워서 블로그에 정리해봤다.

 

https://daydream-sy.tistory.com/168

 

[Typescript] Webpack + typescript 환경 설정하기

Webpack이란? 파일을 묶는(bundle) 것을 도와주는 도구 bundling & building & orchestration (묶고 빌드하고 종합하는 도구) ⇒ 코드를 묶음으로써 Http 요청의 양을 줄이는 걸 도와준다 코드를 최적화하고 빌드

daydream-sy.tistory.com

 

webpack 자체를 처음 들어봤는데...아니다 지나가는 말로 단어는 들어본것 같다.

아무튼 거의 초면이니까 강의를 듣고 webpack에 대해서 구글링도 해보고 typescript webpack 이렇게 쳐봤더니

아예 webpack 공식 문서에 같이 쓰는 방법이랑 예제가 아주 잘 나와있었다.

 

그래도 나름 강의로 눈에 익혔다고 공식 문서 보니까 조금 더 이해가 가는 느낌...?

ES6 module의 단점을 보완하는 거라고 하니까 알아둬야지.

 

사실은 100% 이해한 건 아니고, 절반쯤 이해한 것 같다. 아무래도 1번 듣고 다 알기는 무리이므로...여러번 해봐야지.

그래도 블로그에 정리해두고 나중에 필요할 때 읽을 수 있을 것 같아서....ㅎ

그래도 모든 기반은 공식 문서에서 나오는 거니까...! 공식 문서도 살펴보고 typescript 핸드북에도 내용이 나와있길래 그것도 읽어봤다.

 

이번 개인 공부 시간에는 강의 듣는 것도 듣는 거지만, 앞서 말했던 것처럼 공식문서를 열심히 봐야겠다.

솔직히 그게 '공식' 인데 매번 구글링해서 다른 분들 블로그 보고, stackoverflow 들어가고..등등

(사실 드림 코딩 유튜브에서 위험성에 관해 이야기하는 영상을 봤다 ㅋㅋㅋ)

그래서 공식 문서의 중요성을 오늘 느꼈다. 아직 읽는 법을 잘 모르겠지만....시도할 것 중 하나이다.

 

 

 

 

 

 

 

프로그래머스 Level 1 1문제

오늘 오후에 스터디 같이 하는 분이 추천해주신 코딩 테스트 관련 유튜브 영상을 하나 봤다.

https://www.youtube.com/watch?v=uGAssHEHCNI

 

이 영상인데 길이가 좀 긴데도 열심히 메모장에 정리하면서 들었더니 금방이었다.

약간 집중 안될 때 들었는데 아주 좋은 영상이었고 코딩테스트에 대한 두려움을 조금 덜었다. (그래도 95% 두려움)

 

지금까지는 그냥 level 0 문제들을 풀기만 하고 어떤 유형인지 생각해 본 적이 전혀 없었는데,

이제부터는 유형도 고민해보고 알고리즘 이론에 대해서도 공부해야겠다는 생각이 들었다.

 

그럼에도 오늘은 그냥 정답률 높은 순으로 1문제 풀었지만....ㅋㅋㅋㅋ

뭔가 계속 배워야 할게 많은 캠프 기간에는 집중적으로 코테 준비를 못할 것 같기도 하고..?

이렇게 1문제씩 푸는 시간도 이제 얼마 안남고 최종 프로젝트에 집중해야 할 테니까...

그래도 이 영상 봤다고 수료 후에 코딩 테스트를 어떤 식으로 공부해야 할지 감이 잡힌다. 유튜브 그대로 해야지...ㅋㅋㅋ

 

오늘 푼 문제는 아래에.

https://daydream-sy.tistory.com/167

 

[프로그래머스 Level 1] 12912. 두 정수 사이의 합 (JavaScript)

문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가

daydream-sy.tistory.com

 

이 문제 풀고 나름 깔끔하게 풀었다고 생각했는데 다른 사람 풀이 보고 나서야 아! 했다.

학교 다닐 때 수학을 좋아해서 수학과를 갈까 고민도 했었는데 잠깐 안했따고 수학 공식을 까먹어버리다니....

수학을 잘해야 코딩테스트 잘 푸는 건가? 그건 아닌 것 같은데 이번 문제는 공식이 생각나면 훨씬 쉬운 문제였다.

아무튼 다른 사람들 풀이 잘 보면 이상하고 짧게 푼(!) 문제 풀이도 있지만, 공부에 도움될 풀이들도 많아서 좋다.

 

내일도 풀수 있다면 풀어야지.

그리고 시간이 될 지 모르겠지만...? 알고리즘 유형도 생각해봐야겠다.

 

 

 

 

 

 

 

 

 

 

 

짧은 일기

프로젝트가 끝나고 개인 공부 시간이 주어지니 이거저거 할게 생각나서 조금 허둥지둥하는 하루를 보낸 것 같다.

이거 했다가 저거 했다가 갑자기 다른 게 생각나고....내일은 투두리스트 대로 꼭 따라야지.

다이어리에 할 일을 적는데도 이런다. ㅋㅋㅋㅋㅋ

 

벌써 내일이면 2월 1일인데, 진짜 수료가 얼마 남지 않았다는 게 실감난다. 최종 프로젝트 라니....

최종 프로젝트 하기 전까지 얼마 남지는 않았지만 효율적으로 쓰면서 개인 공부에 올인하는 시간이 되었으면 좋겠다.

728x90