호박고구마

왜 또 공부 안 했냐..

그저께랑 어제는 설날이기도 해서 따로 공부는 안 했다. 심지어 어제는 회사 근무였어가지고 그냥 회사 가서 공부할 수 있는 상황인데 따로 공부는 안 했던거같다. 하지만 어제 회사에서 공부할시간이 있음에도 불구하고 그냥 안했던 내 모습에 뭔가 살짝 아쉬웠던 모습이 있던 거 같다. 

나약한 내 모습에 더 반성하게 되고 꾸준히 하루도 쉬지 않고 채찍질하면서 공부하는 모습이 중요한 거 같다. 

아웃풋

요즘 고민인 게 공부를 해도 뭔가 결과물이 안 나와서 이전에 비해 공부가 흥미가 떨어진 요인이지 않을까 생각한다.  일단 문제점은 목표가 없다는 게 가장 큰 문제점이고, 공부를 했을 때 나에게 실질적으로 득이 돌아오도록 하는 것을 해야 하는데 그걸 어떻게 해야 할지 고민이 된다. 그리하여 생각한 게 블로그이다. 기술 블로그를 매일은 아니더라도 주 2회 정도 글을 쓰면서 목표의식을 갖게 하여 사람들이 내 블로그를 보면서 다른 사람이 나름 득이 된다면 그것도 하나의 나에게 하나의 아웃풋이 되지 않을까 생각이 든다. 

결론

TIL 틈날 때마다 쓰고, 주에 2회 이상 내용이 좋은 블로그 게시물을 쓰도록 노력해 보자

오랜만에 쓰는 글이다. 요즘 공부를 하고 있긴한데 뭘 공부하는건지도 모르겠고... 고민이 많은거 같다. 회사 생활이 나름 만족하며 다녀서 그런건지 예전에 비해 열정이 많이 떨어진듯 하다. 회사를 다니면서 너무 재밌어서 프론트 개발자로 전직을 하고싶어서 프론트 공부를 많이 했는데 나이가 너무많아서 포기하게되었다.

그리하여 프론트는 그냥 보조무기같은 느낌으로 사용하려고 한다. 다행히 프론트를 하면서 도커랑 백엔드쪽을 같이 공부를 했어가지고 앞으로는 프로그래밍 공부는 백엔드, 스크립트 위주로 공부하려고한다.  

그리고 위에서 언급했듯이 목표감이 많이 없어져서 이제는 남들에게 도움이 되는 블로그를 향해 그런 목적으로 공부할 생각이다. 고민했던 것들을 공부 열심히하면서 남들에게 도움이 되는 블로그가 되고싶다.

올해 목표는 다음과 같이 정리했다. 

1. Node js 정리 한번하기

2. 깃 명령어 다시한번 정리하기

3. tdd 공부 다시해보기

4. 도커 & 쿠버네티스 공부해서 정리하기

5. ci / cd 공부하기

매일 최대한 회고록 작성하면서 부족한 부분에 대해 설명해보고 공부하는 습관을 들여야겠다. 

오늘 한 일

옵셔널 체이닝 공부

옵셔널 체이닝 다시 복습

아스키코드 다시 정리

아스키코드 변환하는 부분 다시 공부

코드캠프 Board 수정 페이지 작성

자바스크립트로 작성한 코드를 타입스크립트로 변환

강의 듣기

코드 캠프, 드림코딩 엘리 React 강의 듣기

회고

알고리즘 실력 좀 늘릴 겸.. 최근에 알고리즘이 많이 부족하다는 것을 느꼈다. 알고리즘 강의를 요즘 안 들었는데, 다시 들어야겠다. 모르는 부분에 대해 체크하고, 정리하고 공부하기를 꼭 실천하자. 모르는 부분에 대해서는 꼭 체크해뒀다가 정리를 하던지, 바로 정리를 하자.

오늘 한 일 

알고리즘 문제 풀이

알고리즘 문제는 조금씩 푸는데 아직도 어려운거 같다. set, 아스키코드, string 메소드 정리를 노션에 정리했고, 좀 더 많아지면 블로그에 써야곘다.

코드캠프

코드 캠프 포트폴리오 과제를 이전에는 js로 짰는데, ts로 변환하고 있다. 이전에 ts와 react를 사용해서 웹을 구성하긴 했는데, next js로는 처음이라 다시 리팩토링을 하고 있다. 또 강의를 보면서 하니까 모르는 부분에 대해서도 많이 도움이 되는거 같다.

회고

알고리즘이랑, 프론트 및 백엔드 인강을 꾸준히 보면서 모르는 부분을 찾아서 공부해야겠다. 요번주는 일정이 좀 많아서 공부를 많이 못했는데, 꾸준히 해야겠다.

오늘 한 일

• 코드 캠프 과제 스타일링
• 어제 jsx-> tsx로 오류 해결
• 회사에서 Next js 배포해보기

회고

오늘 크게 한 건 없었고... 모든 작업 다 마치고 시간이 남아서 회사 웹페이지 만든게 있어서, 물리 서버에 회사에서 도커 이용해서 Next js 배포해 봤다. 앞으로 자주 사용해야겠다. 도커 사용해 보니 너무 신기했고, 주말에 도커 공부한 거 정리 좀 해야겠다.

그리고 집 와서 공부 좀 더 했는데 어제 해결했다고 생각한 것이 다시 해보니 안돼서.. 발목을 잡았다. 
17.0.2 버전을 깔아야 하는데  "@types/node": "^17.0.2", "@types/react": "^17.0.2" 실수로 다음과 같이 ^을 붙여서 오류가
발생했던 것이다. 이후에 "@types/node": "17.0.2", "@types/react": "17.0.2"으로 하니 잘되었다. ㅜㅜ 오타 조심해야겠다.
이거 때문에 어제부터 시간을 너무 많이 잡아먹었는데 그래도 정말 해결해서 다행이다.

오늘 한 일 

인프런 Codecamp detail 페이지 구축

• useRouter, useEffect 고민 해결

• express 활용하여, board 게시판 api 구축

Nvm 설치시 오류 해결

회고

오늘 인프런 강의를 보면서 js -> ts 변환하는 과정에서 버전 호환성 때문에 해결하면서 시간을 많이 잡아먹었다. 그래도 해결을 했으니 다행이긴하다.그리고 요즘 블로그를 잘 안썼는데, 계속해서 블로그랑 깃허브 꾸준히 하자. 

오늘 한 일 

→ React를 망고플레이트 클론코딩

• Food Detail 진행
• Recoil

세부사항 & 느낀 점

요즘에 자꾸 회고록 쓴다는 것을 자꾸 미루게 되었다.. 앞으로 다시 다짐을 하고 회고록을 써야겠다.

최근에 Udemy 강의를 보면서 망고플레이트를 지속적으로 클론코딩 하고있는데, 너무 재밌다.
간단한 메인 페이지만 만들고, 쇼핑몰을 만들려했는데 다시 고민중이다.

그리고 노마크코더에서 배운 Recoil을 요즘 써보고 있는데 너무 신세계다. props의 의존관계가 약해져서 너무나 편하게 쓰고있다.
요번 망고플레이트를 만들면서 Recoil를 간단하게 써봤는데, 아주 편리하고 좋은 상태관리 라이브러리 인거같다.

아직 망고플레이트는 Detail 진행중이지만 너무 재밌게 만들고 있다.

따로 백엔드까지 구축하면 너무 오래걸릴거같아서, 더미 파일을 만들어서 사용했는데.. 이미지가 중복이 많다.. ㅜㅜ

오늘 한 일 

→ React를 활용한 망고 플레이트 진행

• home page 구현 진행중
• useScroll, useEffect 사용하여, Navbar 반응형으로 만들기
  
  

세부사항 & 느낀 점

전반적으로 grid 시스템을 활용하여 css 부분적인 요소를 수정하였으며,
useScroll과 useEffect를 활용하여, navbar 부분을 스크롤하다가 지정한 위치가 넘어가면 반응형으로 변경해두었다.

전반적인 useScroll사용법과 이전에 배웠던 useEffect를 사용하면서 어떤식으로 활용해야할지 많이 배웠다.

(사진 1)

(사진 2)