728x90 반응형 weekly memoirs55 2023.05.14, weekly memoirs weekly memoirs ✅ 이번 주에 한 일 첫 출근 전에 많이 먹기 👆 찐으로 살찜... 이번 주 내내 나가서 사람들과 고기 먹은 기억 밖에 없다...ㅎ 7월부터 위코드에서 개발 공부를 시작해 해가 바뀌고 5월이 되었으니 벌써 개발자의 꿈을 꾸게 된 지 10개월이 훌쩍 넘었다. 어떤 일이 생기더라도 무조건 개발자 해낼 거라 마음 굳게 먹고 js 들여다본게 정말 오래 전 일 같은데 아직 1년도 안 되었다 생각하니 기특하면서도 그 동안 많이 고생하긴 했다 하는 감동이.. 왔다 ㅎ 개발을 시작하며 미래를 그리는 일이 재밌어졌다 학습을 즐기는 편이긴 했지만 내일 어떤 걸 공부하고 이번 주는 어떤 걸 학습할 지 계획 세우며 즐거워하는 편은 아니었는데 개발을 시작하며 개발 관련된 공부를 계획 세우는 일이 나름.. 2023. 5. 14. 2023.05.07, weekly memoirs weekly memoirs ✅ 공부 1. script로 폴더 만들기 "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject", "made": "cd ../../ && mkdir asdf", "erase": "cd ../../ && rm -rf asdf" }, npm run made npm run erase 터미널 명령어가 들어가는 건 똑같으니까,, 이걸 이용해 원격 서버도 해 봤다 1) 원격 어떻게 하지 여기서 5계층 세션을 씀 ssh 2) 연결해보기 환경설정 -> 공유 (몬터레이 기준) 일단 원.. 2023. 5. 7. 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.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. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
