본문 바로가기
728x90
반응형

회고록50

2023.04.16, weekly memoirs weekly memoirs ✅ 공부 1. 코테에 떨어지고 크게 낙심한 한 주... ^_ㅠ 탈락 문자를 받고 나서 지금까지 많이 느슨해지지 않았나~ 하는 반성을 많이 하게 되었다. 이번주는 하루에 한 개 이상 코딩테스트 문제를 풀었고 next.js 강의를 머리에 집어 넣는다는 생각으로 꼼꼼하게 듣고 기록했다. 원래 했었던 하루하루 무엇을 공부했는지 기록하는 노션도 다시 활성화하며 열심히, 꾸준히 하자는 다짐을 많이 새겼던 주였다 ✅ 취업 1. 계속해서 면접에 떨어지면서 과연 지금 내가 준비가 다 된 게 맞는가? 하는 생각이 크게 들었다 슬픈 마음보단 어떤 점이 부족했는지, 앞으로 어떤 점을 더 보강해야하는지 하는 고민을 많이 한 거 같다 지금 당장 어떤 걸 우선순위로 가져야할지 아직까지도 고민하고 있다 n.. 2023. 4. 16.
2023.04.10, weekly memoirs weekly memoirs ✅ 공부 1. 정말 오랜만에 코딩테스트 대비 겸 pure 자바스크립트를 공부했다. + html, css, scss... 어차피 "react도 자바스크립트 문법 쓸 수 있는데 ㅎ" 하면서 자바스크립트에 자만해 있었는데 ( + 현업에서는 react나 vue 같은 라이브러리/프레임워크로 구현하니까 크게 신경쓰지 않았던 것도 있음) 막상 간단한 것도 테스트겸 구현하려니 이벤트 리스너도 헷갈려서 당황이 컸다. 또 js-in-css 에 너무 익숙해져있다보니 간단한 scss 문법도 찾아보면서 하게 되고 ;;; (이때 충격 받음) 구현을 하는 게 아니라 이런 내 당황하는 내 모습에 더 당황해서 뭔가 당혹스러운 느낌도 받았다. 앞으로 좀 자바스크립트랑 친하게 지내야겠다는 생각을 많이 했던 기회.. 2023. 4. 10.
2023.04.02, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 포트폴리오를 만들고 있다. 디자인 때문에 너무 힘들어서 레퍼런스 찾아봤다가 엄청난 인터렉티브 UI를 보았다. 코드 구경가니 scss 로 만드셨던데 페이지가 scss라 훨씬 가볍게 돌아갔던 건가? 하면서도 scss 만으로도 이렇게 구현할 수 있구나 하는 당연한 생각을 한 거 같다. 지금 포트폴리오는 emotion.js 를 사용하고 있는데 코드를 재활용하려고 용을 쓰다보니 왜 아토믹 디자인이 만들어졌는지 이해가 가기도 했다. 아토믹 디자인 방식은 아니지만 이제껏 써보지 않은 방식으로 한번 써보았는데 👇 카드 공통 컴포넌트 //src/common/Card.tsx /** @jsxImportSource @emotion/react */ import styl.. 2023. 4. 3.
2023.03.26, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이제... 드디어 포트폴리오를 만들 때가 되었다 🤗 한 페이지로 react 사용해서 만드려하는데 생각보다... 디자인의 벽이 커서... 놀라고 있다... 내가 이렇게 디자인 감각이 없었나..? 내일은 코드를 작성하기보단 레퍼런스와 코드를 좀 찾아봐야할 거 같다... 기획이 튼튼해야 나중에 덜 고생한다... 포트폴리오 만들면서 ts랑 emotion.js 사용한 김에 보일러 플레이트 레포 하나 만들었다. 진짜 세팅하는 거 너무 귀찮았는데 (특히 타입 때문에) 이번 기회에 잘 만들었다 느낀다. 2. 아키텍처가 중요하다길래 찾아보았는데 react의 hook 이 나온 이후로는 딱히 그렇다할 유명한 아키텍처가 없어서 놀랐다. 찾아보니 아토믹 디자인 정도.... 2023. 3. 26.
2023.03.19, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 이번 주도 직접 코드를 작성하기보단 계속 이론 공부를 진행했다. 브라우저와 리액트의 동작원리를 다시 복습하면서 어떻게 최적화에 접근해야하는지 감이 서서히 접히는 느낌을 받았다. 조각난 지식들이 맞춰지는 기분이 들어 나름 뿌듯하지만 코드를 작성하지 않아 깃 잔디가 계속 비어 기분이 이상하기도 했다 ^_ㅠ ✅ 취업 사실 마음이 꺾이진 않았지만 우연히 본 박명수 짤이 너무 웃기고 공감되어 가져왔다....ㅎ 프로젝트 마감 기한 날짜만 바라보면서 스트레스 받았던 게 엊그제 같은데 벌써 3월 말이 다가오고 있다 치열하게 프로젝트를 진행하면서 지칠 때는 많았지만 꺾인 적은 없었는데 취준 생활을 하면서는 다른 의미로 참 힘에 부치는 거 같다 ^_ㅠ 자꾸 뭐가 부족한.. 2023. 3. 19.
2023.03.12, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 이번주는 상태 관리에 대해서 계속 학습했다. 기본부터 단단하게 다지자는 마음으로 강의를 듣고 있는데 예전에 학습했던 게 정리되는 느낌이 들어 좋았다 프리온보딩때 강의를 들으면서 정리해두었던 자료를 다시 읽기도 했는데 처음 들었을 때보다 훨씬 이해가 되어 신기하기도했다 학습을 계속하다보니 최적화가 궁금해지기 시작했다 useMemo, useCallback 정도만,,, 아는 정도긴 하지만 학습을 하면서 쌓이는 배경 지식이 늘어나는 느낌을 받아 뿌듯하답 ✅ 리팩토링 catbow convert 페이지를 고쳤다. 동영상 변환 후에도 영상이 담겨져 있어 이를 고쳤는데 단순 setInput("") 이걸 추가하는 것으로 간단하게 고쳤다. 코드를 보며 고칠 점 없나 계.. 2023. 3. 12.
2023.03.05, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이번 주는 내내 가족과함께 시골에 내려가 박혀있었다 바람을 즐기는 우리 집 갱얼쥐.. 세상 다 산 줄... 때문에 노트북은 들고 갔지만 사실 공부는 많이 못해 사실 쉬어가는 주였던 거 같다 앞으로 공부 방향을 어떻게 잡아가야할지 고민을 계속 하면서 💪 2. 백엔드 공부는 위코드 자료를 조금씩 봤다. 의도치 않게 진도를 따라가다보니.. 로그인-회원가입을 하게 되었고 인증/인가에 대해서 다시한번 학습하게 되었다. 세션-쿠키 vs jwt localstorage 의 차이점이었는데, 면접에서 질문 받았을 때 똑부러지게 대답할 자신이 없어서 모른다고 했던 사항이라 그때를 상기하며 열심히 들여다보았다 ^_ㅠ 3. 확실히 이론만 들여다보는 것보단 코드를 직접 .. 2023. 3. 5.
2023.02.26, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이번 주는 주로 왜 이 기술을 쓰는지에 대해서 나의 언어로 말할 수 있을 정도로 습득하는데 시간을 썼다. 예를 들면 왜 리액트를 쓰는지, 단점과 장점은 무엇인지 등등 가장 기본적인 이유도 막상 정리해 말하는 건 정말 어려운 일인걸 새삼 깨달은 주였다. 2. 본격적으로 node 백엔드 공부를 하기 전에 터미널 세팅을 했다. 세상 예쁜 내 터미널 ^___^ 누군가 만들어 놓은 세팅을 clone 받아 실행했는데 터미널 크기를 조정하면 요 밑 예쁜 타임라인(?) 이 여러개 뜨는 오류가 생기지만 터미널을 켤 때마다 넘나 즐거울 거 같다. 프론트는 보이는 게 중요하다구 ^__________^ 3. mySQL을 사용해 간단히 테이블을 만들고 삭제하는 것까지 .. 2023. 2. 26.
2023.02.19, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 다시 하얗게 불태운 이번 주... 오랜만에 무한스크롤을 구현했다. 무한 캐러셀도 구현해봤는데 생각보다 어렵지 않아서 재미있게 작업했던 거 같다. 무한스크롤은 observer 사용해서 구현했고 캐러셀은 setTimeout 사용해서 3초마다 아이디 id값 +1 해서 돌리는 방법으로 구현했다. 둘 다 멍때리고 보기 좋은 기능들이라 구현 후에 재밌게 멍을 때리기도 했다.(?) 2. next.js 는 어디가서 썼다고 말 못할 정도로 넘 구리게 썼다. 다행히 금요일에 동기와 함께 채팅 어플 리팩토링하며 나름 pages/api 폴더를 사용해서 auth 페이지에서 받은 user 정보를 서버로 post했고 이를 home 페이지에서 받아 getstaticprops.. 2023. 2. 19.
728x90
반응형