728x90 반응형 주간회고록27 2023.06.25, weekly memoirs weekly memoirs ✅ 1. 광기의 이번주... 주말에 운동 한번 나갔다가 더위먹고 주중 동안 몸살 + 근육통에 시달렸다 ㅎ 덕분에 회사-집-기절-회사-집-기절 의 루틴을 반복했는데 그래도 몸이 아플 뿐이지 정신을 말짱해 코드는 두다다다다 잘 쳤다. 2. 오늘 동기 일을 도와주었는데 기존에 작성되어 있는 코드들이 아토믹 디자인 + next.js 라 덕분에 좋은 코드 열심히 구경했다. atom - molecules - organisms - template 의 구조를 어떻게 나누어야하는지 감이 잘 안왔었는데 작성되어있는 코드들을 보면서 아 이렇게 하는 거구나~ 하는 감을 좀 잡은 거 같다 특히 padding 이나 margin 을 각 컴포넌트에 스타일로 넣는게 아니라 이것도 하나의 컴포넌트를 만들어 재.. 2023. 6. 25. 2023.05.14, weekly memoirs weekly memoirs ✅ 이번 주에 한 일 첫 출근 전에 많이 먹기 👆 찐으로 살찜... 이번 주 내내 나가서 사람들과 고기 먹은 기억 밖에 없다...ㅎ 7월부터 위코드에서 개발 공부를 시작해 해가 바뀌고 5월이 되었으니 벌써 개발자의 꿈을 꾸게 된 지 10개월이 훌쩍 넘었다. 어떤 일이 생기더라도 무조건 개발자 해낼 거라 마음 굳게 먹고 js 들여다본게 정말 오래 전 일 같은데 아직 1년도 안 되었다 생각하니 기특하면서도 그 동안 많이 고생하긴 했다 하는 감동이.. 왔다 ㅎ 개발을 시작하며 미래를 그리는 일이 재밌어졌다 학습을 즐기는 편이긴 했지만 내일 어떤 걸 공부하고 이번 주는 어떤 걸 학습할 지 계획 세우며 즐거워하는 편은 아니었는데 개발을 시작하며 개발 관련된 공부를 계획 세우는 일이 나름.. 2023. 5. 14. 2023.04.30, weekly memoirs weekly memoirs ✅ 공부 1. 기업 과제를 구현하며 recoil 공식문서를 좀 뜯어보았다. 예전에 프리온보딩 과제하면서 전체 데이터를 filtering 해서 쓸 때 recoil이 그걸 간략하게 도와주는 함수가 있었던 기억이 나, 공식 문서를 훑어보았는데 아니나 다를까 아예 공식문서에 대놓고 전체데이터를 이렇게 filtering 해서 쓰면 됩니다 ^_^ 하고 투두리스트로 친절하게 적혀있어서 아주 재미나게 썼다 https://recoiljs.org/ko/docs/basic-tutorial/selectors 전체 데이터 필터링 할 때 쓰기 좋은 듯 2. 이번주는 최적화에 대해서 알아봐도 좋을 거 같단 생각이 들었다. 1) 디바운싱 리팩토링 진행하기 2) useMemo 나 useCallback 적용해.. 2023. 4. 30. 2023.04.23, weekly memoirs weekly memoirs ✅ 공부 1. next.js가 코드 스플리팅을 지원해준다는 이점을 가지고 있는 건 알았지만 mpa, ssr, ssg 에 밀려 코드 스플리팅이 뭔지 파보진 않았었다. 그냥 빌드할 때 cra 과 next.js 가 알아서 해주는 거~ 하고 등한시하다, next.js 에 나름 여유가 생겨 이번 기회에 한번 코드 스플리팅 파보았다. import 구문을 사용해 js 코드를 여러개의 chunk로 분리하고 필요한 시점에 로드하여 성능을 최적화하는 기술! 여기까지는 오... 좋네... 그렇군 했는데 이게 lazy, suspense 와 연계되어 있는지는 몰랐다. lazy 함수가 1. import()를 호출하는 함수를 인자로 가진다는 것 2. 이 함수는 react 컴포넌트를 promise를 반환해.. 2023. 4. 24. 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.19, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 이번 주도 직접 코드를 작성하기보단 계속 이론 공부를 진행했다. 브라우저와 리액트의 동작원리를 다시 복습하면서 어떻게 최적화에 접근해야하는지 감이 서서히 접히는 느낌을 받았다. 조각난 지식들이 맞춰지는 기분이 들어 나름 뿌듯하지만 코드를 작성하지 않아 깃 잔디가 계속 비어 기분이 이상하기도 했다 ^_ㅠ ✅ 취업 사실 마음이 꺾이진 않았지만 우연히 본 박명수 짤이 너무 웃기고 공감되어 가져왔다....ㅎ 프로젝트 마감 기한 날짜만 바라보면서 스트레스 받았던 게 엊그제 같은데 벌써 3월 말이 다가오고 있다 치열하게 프로젝트를 진행하면서 지칠 때는 많았지만 꺾인 적은 없었는데 취준 생활을 하면서는 다른 의미로 참 힘에 부치는 거 같다 ^_ㅠ 자꾸 뭐가 부족한.. 2023. 3. 19. 2023.03.12, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 이번주는 상태 관리에 대해서 계속 학습했다. 기본부터 단단하게 다지자는 마음으로 강의를 듣고 있는데 예전에 학습했던 게 정리되는 느낌이 들어 좋았다 프리온보딩때 강의를 들으면서 정리해두었던 자료를 다시 읽기도 했는데 처음 들었을 때보다 훨씬 이해가 되어 신기하기도했다 학습을 계속하다보니 최적화가 궁금해지기 시작했다 useMemo, useCallback 정도만,,, 아는 정도긴 하지만 학습을 하면서 쌓이는 배경 지식이 늘어나는 느낌을 받아 뿌듯하답 ✅ 리팩토링 catbow convert 페이지를 고쳤다. 동영상 변환 후에도 영상이 담겨져 있어 이를 고쳤는데 단순 setInput("") 이걸 추가하는 것으로 간단하게 고쳤다. 코드를 보며 고칠 점 없나 계.. 2023. 3. 12. 이전 1 2 3 다음 728x90 반응형
