분류 전체보기

TIL]2022/10/18

아침에 일어나 날이 추워서인지 평소보다 정신을 빨리 차렸고 공부방에 갈 준비를 하며 오늘 할 일의 우선순위를 머릿속으로 정리했습니다. 공부방에 도착 후, 어제 질문 리스트를 만든 부분을 추렸어야 했는데.. 짐을 풀고 웹 api 디자인 스터디에서 할 질문들을 추리는 시간을 가졌습니다. 어제 질문 리스트를 만든 부분을 추렸어야 했는데.. 어제 웹 api 디자인을 읽으면서 이 부분은 질문해야지라고 생각했던 부분들이 질문을 하기에 너무 포괄적인 부분이거나 너무 간단한 부분인 경우가 많아서 역시 한번 더 돌아보는 것은 중요하단 걸 느꼈습니다. 질문을 만들면서 복습이 필요한 부분이 보였고 복습이 필요한 부분을 다시 살펴보며 복습하는 시간을 가지니 어느덧, 점심시간이 되었습니다. 점심을 먹은 후, 데일리 스크럼 미팅..

TIL]2022/10/17

아침에 상쾌하게 일어나 공부방에 갈 준비를 했습니다. 오늘 해야 할 일들의 우선순위를 정하며 준비를 하고 공부방에 출발했습니다. 공부방에 도착 후, 짐을 풀고 프런트엔드 팀원들과 어떤 것을 우선순위로 두고 프로젝트를 진행할지, 간단히 이야기를 나누는 시간을 가졌습니다. 스프린트가 끝났기 때문에 이번 주 목표를 정해야 하는데 어떤 기능을 우선순위로 해야 할지, 간단히 이야기하고 점심을 먹은 후, 데일리 미팅에서 이야기를 더 나누자고 한 뒤, 점심시간이 되어 점심을 먹으러 출발했습니다. 점심을 먹은 후, 데일리 미팅을 진행했습니다. 데일리 미팅을 통해서 이번 주에 해야할 일들에 대한 것들을 이야기하는 시간을 가졌습니다. 회의가 끝난 후, 웹 API디자인 스터디를 진행했습니다. 오늘은 웹 API디자인 첫 스터..

TIL]2022/10/14

날씨가 좋아서 그런지 아침에 상쾌하게 일어났습니다. 공부방에 갈 준비를 하며 오늘 해야 할 일들의 우선순위를 정하고 준비가 끝난 뒤, 공부방으로 출발하였습니다. 오늘은 지하철을 타지 않고 버스를 타고 공부방까지갔습니다.. 지하철을 탔어야 했는데... 버스가 생각보다 막혔고 예상했던 시간보다 공부방에 늦게 도착하고 부랴부랴 짐을 풀었습니다. 지하철을 탔어야 했는데... 짐을 푼 후, 우선 회고 상세 조회 api 작업을 진행하기 위해 모달 작업을 진행했던 팀원 분과 이것저것 이야기를 하는 시간을 가지고 어떻게 작업을 진행할지 정하고 나니 어느덧, 점심시간이 되었습니다. 식사를 하고 난 뒤, 이야기했던 대로 api 작업을 진행하다가 데일리 스크럼 미팅을 진행했습니다. 회의에서는 후순위로 밀린 작업들에 대한 이..

TIL]2022/10/13

오늘 날씨가 좋아서 아침에 일어나자마자 기분이 좋았습니다. 하지만, 이사를 하면서 쌓인 피로도 때문인지 늦잠을 자버렸습니다. 늦잠을 자면 안됐었는데... 공부방에 갈 준비를 하며 오늘 무엇을 해야 할지, 생각하는 시간을 가졌습니다. 늦었다는 생각에 조급한 마음이 들기도 하고 2일 간, 이사로 인해 공부방을 못 가서 어떤 걸 해야 할지, 감이 잘 오질 않았습니다. 늦잠을 자면 안 됐었는데... 공부방에 도착 후, 티켓을 확인했고 어떤 부분을 해야 할지, 감이 잘 오질 않았습니다. 티켓을 확인하고 어느 정도 진행이 되었는지, 이야기를 듣고 제가 할 티켓을 잡으니 어느덧, 점심시간이 되었습니다. 늦잠을 자면 안 됐었는데... 점심을 먹은 후, 오늘 스터디를 위해 모던 자바스크립트 튜토리얼을 공부했습니다. 아직..

TIL]2022/10/12

아침에 일어나 집 청소를 하기 시작했습니다. 이사 일정이 전에 살던 분과 겹쳐서 입주 청소를 맡기지 못해 직접 청소를 진행했는데 청소가 생각보다 길어졌습니다. 청소가 끝난 뒤, 물건 정리를 시작했습니다. 물건이 전부 뒤죽박죽으로 있어서 어떻게 정리할지, 생각하고 물건을 정리하고 청소를 하니 물건 정리는 마무리 짓지 못한 채로 어느덧, 저녁시간이 되었습니다. 저녁을 먹은 후, 책상에 앉아서 물건을 다 정리하고 공부를 했어야 했는데... 모던 자바스크립트 튜토리얼을 읽으며 정리하는 시간을 가졌습니다. 하지만 아직 물건 정리해야 할게 남아서 조급한 마음에 기초적인 내용이라 어려운 부분은 없었지만 집중을 잘하지 못했던 것 같습니다...! 물건을 다 정리하고 공부를 했어야 했는데... 드디어 이사가 마무리되었습니..

TIL]2022/10/11

아침에 일어나 부랴부랴 이사 준비를 시작했습니다. 오전 여덟 시가 되고 이삿짐센터 직원 분들이 오셔서 정신없이 이사가 진행되었습니다. 이사는 두시 쯤 끝났는데, 정수기 설치 기사님과 인터넷 설치 기사님까지 오시고 이것저것 정리하다 보니 일곱 시가 되었습니다...! 한 끼도 제대로 먹지 못해서 너무 배가 고팠습니다..! 밥을 먹고 오니 아홉 시가 되었고 책상에 바로 앉았어야 했는데.. 녹초가 되어 잠깐 눕는다는 게 두 시간을 자버렸습니다...! 열한 시가 되어 몸은 정말 녹초이지만 내일도 이사 온 집을 정리하고 이것저것 하면 공부 시간이 많을 것 같지 않아서 모던 자바스크립트 튜토리얼을 보며 공부를 진행했습니다. alert, prompt, confirm에 대한 부분과 형 변환에 대한 부분 공부를 진행하였는..

TIL]2022/10/10

아침에 일어나 남은 창고 정리를 한 뒤, 주말에 이사 준비를 많이 해놔서 공부방에 갈 수 있게 되었습니다. 공부방에 갈 준비를 하며 공부방에서 어떤 것을 할지, 우선순위를 정하며 준비를 했습니다. 공부방에 도착 후, 짐을 풀고 CSS-in-JS에 대한 부분을 공부하는 시간을 가졌습니다. CSS-in-JS는 자바스크립트 코드에서 CSS를 작성하는 방식인 것은 알았지만 어떤 이슈를 해결하기 위해 등장했는지, 공부하다 보니 그동안 CSS-in-JS를 사용하면서 아무 생각 없이 사용했던 부분들이 정말 큰 편의성을 제공해주고 있었구나를 느꼈습니다. 그중, 프로젝트를 진행하면서 가장 많이 사용한 JS와 CSS의 상태 공유를 통해 CSS를 핸들링하는 부분과 JS에서 사용하기 때문에 사용하지 않는 코드를 검출할 수 있..

TIL]2022/10/09

아침에 일어나 집안일을 하고 이사 준비를 하기 시작했습니다. 화요일에 이삿날이기 때문에 오늘부터 내일까지 본격적으로 이사 준비를 하느라 이것저것 정리하느라 정신이 없었습니다... 점심을 먹은 후, 모던 자바스크립트 튜토리얼을 읽으며 공부하기 시작했습니다. 어려운 내용은 아니어서 막히는 부분은 없었습니다. 하지만 모던 자바스크립트 튜토리얼 사이트뿐만 아닌, 참조된 자료들도 확인하니 시간은 꽤 오래 걸렸습니다. 참조된 자료를 살펴보면 제가 놓치고 있던 부분도 알게 되었고 이번에 모던 자바스크립트 튜토리얼을 공부하면서 깨닫는 게 많은 것 같습니다. 기초적인 부분이더라도 띄엄띄엄 보지 않고 자세히 볼 수 있도록 노력해야겠습니다! 공부를 하다가 싱크대에 물때가 끼지 않도록 엄청 강한 젤리 테이프(?)를 붙여놨었는..

TIL] 2022/10/08

아침에 일어나 집안일을 하며 오늘 공부할 것들과 이사 준비를 어떻게 할지 생각했습니다. 집안일이 끝난 뒤, 책상에 앉아 알림 신청을 만들어 보았습니다. 현재 필요한 부분에 집중하여 작업을 하다보니 생각보다 어렵지 않게 진행이 되었습니다. Mui 공식문서를 확인하며 Mui를 통해 css를 신경 쓰지 않고 모달을 만들다 보니 속도도 평소보다 빨랐고 처음에 useState로 간단히 작업해 놓은 부분을 redux로 변경하는 작업을 진행했습니다. 이번 알림 신청을 만들며 가장 어려운 것은 아무래도 변수명과 함 수명이었습니다. 의도를 명확하게 하는 변수명 짓기 훈련을 많이 해야 할 것 같다는 생각이 들었습니다. 변수명과 함수명을 어떻게 해야 다른 사람들이 의도를 파악할 수 있을까 한참을 생각하며 이름을 지었지만 이..

npm] npm i 와 npm ci의 차이점(Feat. package-lock.json과 pacakge.json 의 차이점)

npm i (npm install) npm install 은 프로젝트에 패키지를 설치하기 위해 사용하는 명령어입니다. 사용법 필요한 패키지를 설치할 경우 아래와 같은 형식으로 사용합니다. npm install or npm install @latest (최신 버전으로 설치) or npm install @버전명 (특정 버전으로 설치)프로젝트가 의존하고 있는 모든 패키지 설치 npm install위의 두 가지 방법 모두 package-lock.json을 먼저 확인하고 존재한다면 lockfile을 이용해서 의존하고 있는 패키지 정보를 확인하고 node_moduels에 설치합니다. 만약 node_modules나 package.json에 변화가 생기면 package-lock.json을 업데이트하여 의존 패키지 정보..