728x90 반응형 TIT63 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. 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. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
