728x90 반응형 회고록50 2023.06.25, weekly memoirs weekly memoirs ✅ 1. 광기의 이번주... 주말에 운동 한번 나갔다가 더위먹고 주중 동안 몸살 + 근육통에 시달렸다 ㅎ 덕분에 회사-집-기절-회사-집-기절 의 루틴을 반복했는데 그래도 몸이 아플 뿐이지 정신을 말짱해 코드는 두다다다다 잘 쳤다. 2. 오늘 동기 일을 도와주었는데 기존에 작성되어 있는 코드들이 아토믹 디자인 + next.js 라 덕분에 좋은 코드 열심히 구경했다. atom - molecules - organisms - template 의 구조를 어떻게 나누어야하는지 감이 잘 안왔었는데 작성되어있는 코드들을 보면서 아 이렇게 하는 거구나~ 하는 감을 좀 잡은 거 같다 특히 padding 이나 margin 을 각 컴포넌트에 스타일로 넣는게 아니라 이것도 하나의 컴포넌트를 만들어 재.. 2023. 6. 25. 2023.06.18, weekly memoirs weekly memoirs 2023.06.05-2023.06.17 1. 하얗게 불태운 저번주와 이번주.... 개인 공부를 할 겨를이 정말 없었다... 크흑... 그래도 일이 바쁜 덕에 일 관련 공부는 많이 한 거 같은데 정말... 리액트로 CRUD의 끝을 보는 중인 거 같다... 특히 select 공통 컴포넌트로 빼서 defalut value와 선택된 value들 제어하는 게 좀 까다로웠는데 select도 여러개라... 이걸 map 돌려서 모두 다 제어하자니 약간... 힘들었다... 데이터도 다 convert 해줘야하고... (심지어 시나리오가 익숙하지 않다보니 어캐 convert 해야하는지 아직 잘 모름) 근데 사실 생각해보면 그렇게 어렵진 않았는데 기한에 쫓겨 부담이 커서 괜히 어렵게 느껴졌던 것도 .. 2023. 6. 19. 2023.06.04, weekly memoirs weekly memoirs ✅ 공부 1. 이번 주는 일이 바빠 공부를 거의 하지 못했다 ^_ㅠ 오전에 타입스크립트 스터디 때문에 책을 읽긴 했지만 뭔가 엄청 공부한 느낌은 아닌 거 같다... 2. next.js 를 잠깐 볼 일이 생겨 들여다보았다. 서버 여는 거 공부하다 그만두었었는데 절대 경로만 데이터 가져오는 거 가능해서 목데이터는 public 폴더에 두어야하고,,, page/api 폴더는 서버를 여는 폴더라는 걸... 2시간 삽질 후에 기억이 났다 항상 기본이 부족하다는 생각이 참 크게 든다 3. 타입의 extends 구문은 도대체 언제 쓰는 것인가 하는 의문이 늘 있었는데 크기나 폰트 색깔을 props를 받는 UI를 빼놓을 때 쓰면 좋다는 걸 깨달았다 그러니까 카드라는 컴포넌트를 만들 때 css-.. 2023. 6. 4. 2023.05.29, weekly memoirs weekly memoirs ✅ 공부 1. 타입스크립트 책을 지원 받아 아침마다 타입스크립트 공부를 하게 되었다. (아직 2챕터 공부중) 저녁에 책을 펼치기엔 너무 피곤해서 아침 한 시간 정도 일찍 가서 하고 있는데 생각보다 1시간이 짧아서 더 일찍 갈 수 있으면 일찍 갈 생각이다 ㅎㅎ 사실 더 일찍 가려다가 몇 번 실패했지만... 아무튼 타입스크립트를 익히고 사용한지 이제 6개월 정도 된 거 같다. 어떤 프로젝트를 구현하면서 아직 타입 때문에 시간을 많이 잡아 먹거나 크게 막히는 일은 없지만(작은 프로젝트만해서 그런 걸수도) 타입을 예쁘게 쓰는 편은 절대로 아닌 거 같다 ㅎ 이 점을 개선하고 싶은데 이제껏 타입스크립트 any만 안 쓰면 되는 거 아닌가 ^_____^ 하는 마음으로 코드를 작성했다면 이번 .. 2023. 5. 29. 2023.05.21, weekly memoirs weekly memoirs ✅ 공부 1. 컨테이너 개념이 궁금해서 간단히 도커를 공부했다. 만들어두었던 프로젝트 하나 간단히 도커에 띄워보기도 했는데 사실 프론트 코드를 왜 도커에 띄워야 하는진 크케 이해하지 못한 거 같다. 버전 관리 때문에? 문제 생겼을 때 롤백하기 위해서..? 그래도 물리적 서버 => 가상 머신 => 컨테이너 흐름을 공부하면서 "서버를 나누어서 개발한다" 는 의미를 더욱 가깝게 느꼈던 거 같다. 가상 머신에서 왜 컨테이너로 넘어갔는지 한번에 이해하기 어려웠는데 약간 리액트의 컴포넌트 재활용하듯이... 환경을 올려놓고 재활용한다는 느낌으로 이해했다... 2. 공부를 하면 할수록 cs 지식이 부족하다는 생각이 크게 들었다. 아침마다 네트워크 관련 책을 보고 있는데 쉽게 풀어놓은 책도 머.. 2023. 5. 21. 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. 이전 1 2 3 4 5 6 다음 728x90 반응형
