전체 글
-
22.07.14 회고(Next SEO)하루 30분 TIL 2022. 7. 15. 01:17
Facts(사실/ 객관) [일상] 부족한 점도 있었지만 좋은 습관을 들이려 노력했다. - 유튜브 및 기사 40분만 보기 잘이행함 - 영상 최대 30분보기 잘 했으나 저녁먹으녀 나는 솔로 넋놓고 보다 한 20분 초과한거 같다... 운동 - 하체운동을 했다. - 유산소 4바퀴 띄었다. 알뜰폰 개통 신청을 했다. 시간을 허비하지 않게 분주히 움직였다. [업무/ 공부] 1. [업무] 이미 구독중일 때 구독프로세스 진입 시 리다이렉트 2. [업무/ 공부] next seo 처리 관련 검색 및 적용 Feelings(느낌,주관) 좋은 습관(유튜브 및 영상 시청 시간 제한) 과 투두메이트를 활용한 해야될 일을 계획하는 것이 시너지를 발휘해 하루를 더 알차게 보내게 만들어 주는 것 같다. 더불어 이렇게 회고를 쓰면서 하루..
-
22.07.12 회고하루 30분 TIL 2022. 7. 13. 01:08
Facts(사실/ 객관) [일상] 투두메이트를 이용해 할 일을 세세하게 계획하고 달성하려고 노력했다. 2. 오랜만에 운동을 했다 (어깨, 유산소) 3. 점심시간에는 미용실에서 머리를 잘랐다. [업무/ 공부] next 동기화 next 빌드 담화마켓 랜딩 SSR 처리 next SEO관련 검색 및 공부 노마드 코더 유용한 hooks 강의 완강 useMediaQuery 관련 개선 방안을 고민했다. Feelings(느낌,주관) 100% 달성하지는 못했지만 오늘 하루를 많은 일들을 해냈구나라는 생각에 성취감이 든다. 내가 계획한 테스크를 조금 이라도 더 달성하려고 의식하면서 시간을 알차게 보냈던 것 같다. 매일하지는 못하더라도 오늘처럼 시간이 많은 재택 혹은 휴일에는 이렇게 시간을 보내야 겠다. Findings(배..
-
22.06.28 회고(image lazy loading)카테고리 없음 2022. 6. 28. 09:54
Facts(사실/ 객관) Feelings(느낌,주관) Findings(배운점) 1. image lazy loading 1-1. what is image lazy loading ? : 페이지 안의 이미지들이 실제로 보여질 때 이미지를 로드하는 기법 -> 바로 로딩을 하지 않고 실제로 필요할 때로 로딩 시점을 미루는 것 1-2. why lazy loading ? 1. 성능향상 - 웹사이트 로딩 시간 줄이기 초기 로딩 시 필요로 한 이미지 수를 줄일 수 있다. 리소스 요청을 줄이는 것은 곧 다운로드 바이트를 줄이는 것이며 이는 유저가 사용할 수 있는 제한된 네트워크 대역폭의 경쟁을 줄이는 것임 절약된 리소스로 다른 리소스를 더 빨리 처리 가능 -> 유저는 페이지를 더 빨리 이용 가능 2. 비용감소 - 통신비용..
-
22.06.27 회고(리플로우, 리페인팅 / Suspense)카테고리 없음 2022. 6. 28. 00:53
Facts(사실/ 객관) [업무] 6.24 배포사항 배포 후 수정사항 반영 - 구독 랜딩, 상세페이지 워딩 수정 - 구독 1단계 수량 선택 셀렉트 박스 수정 GA 결제 금액 제대로 안찍히는 오류 수정 1:1 미팅 [일상] 1. 업무 시간 종료 후 현겸님, 쥴리님과 서브웨이 사들고와 먹고 10시까지 공부하다가 옴 2. 집와서 하루 유튜브 시청시간 소진겸 시청하며 닭가슴살 200g, 고구마 80g 섭취 휴식 3. 추가 1시간 30분 아까 찾은 것 정리 Feelings(느낌,주관) Findings(배운점) 1. 리플로우, 리페인팅(reflow 와 repainting) 리렌더링은 브라우저 동작원리와 관련이 있다. DOM요소, 레이아웃, 색상 변경 브라우저는 DOM트리와 CSSOM 생성 -> 렌더트리 생성 ->..
-
22.06.23 회고(Redux-persist, RTK-Query)하루 30분 TIL 2022. 6. 23. 22:59
Facts(사실/ 객관) [업무] 지난 달부터 구독자가 많이 감소하여 대응 TF팀이 꾸려 졌는데 논의 결과, 액션플랜으로 구독 프로세 일부를 개편하기로 했다. 하루 빨리 시도 해봐야 되는 급한 건으로 하던 next.js migration 업무를 멈추고 구독 개편에 투입 되었다. 나는 구독프로세스를 담당했는데(액션 플랜으로 구독 프로세스를 간소화 하는 것이 나옴) 1단계의 구독 박스 선택을 없애야 했다. 하지만 작업을 하다보니 구독 프로세스 중 새로고침 시 어디로 가야 되는 지 의문이 들었다.기존에는 1단계인 구독박스 선택으로 향하면 됐는데 이제는 1단계가 수량 선택이기 때문이다. 그래서 구독박스 선택을 할 수 있는 구독 랜딩으로 가야지 생각하고 기획자와 소통했다. 1인 다역을 하는 기획자는 거기까지는 미..
-
22.06.22 회고(React.memo, React Profiling)하루 30분 TIL 2022. 6. 23. 01:10
Facts(사실/ 객관) 1. 회사에서 남아 야근을 좀 하다가 운동 다녀왔다. 평소 같았으면 씻고 보상심리로 자기 전까지 쉬었을 텐데 오늘은 배운 것을 조금 더 검색하고 이렇게 회고도 남긴다. Feelings(느낌,주관) 매일 반복되는 일상 속 실력은 제자리 걸음인데 시간만 지나가는 느낌이 들었었다. 더 성장하고 싶은데 어디서 부터 시작해야 할 지 감이 오지 않았다. 근데 이제부터는 하루를 정리하고 뒤돌아보며 배운 것을 정리하는 것부터 하고자 한다. 그렇게 하나 둘 쌓이면 가시적으로라도 잘하고 있다는 느낌을 줄 수 있지 않을까? Findings(배운점) 1. React.memo : React에서 제공하는 HOC (고차 컴포넌트)로 렌더링 결과를 memoizing해서 props의 값이 변경되지 않으면 이전..
-
코드숨 React 8기 - 7주차 회고회고 2022. 6. 20. 22:09
Facts(학습내용, 사실/ 객관) 학습내용 1. HTTPie 2. Authorization 헤더 3. LocalStorage 4. 레스토랑 로그인 페이지 및 리뷰 작성 페이지 구현 Feelings(느낌,주관) 이번 주는 사실상 과제를 하지 못했다. 강의 영상이 길었던 영향도 있지만 회사 배포 주간이다 보니 도저히 짬을 낼 수가 없었다 ㅠㅠㅠ 일요일에 부랴부랴 강의를 다 보고 PR을 했지만 아직 소화를 제대로 한 것 같지는 않다. 이번 주면 끝나는데 끝나고 다시 천천히 생각하며 복습해야겠다. Findings(배운점) 1. given2에 대해 알게 됐다. : 테스트 데이터를 lazy하게 전달한다. 테스트마다 mock함수나 beforEach를 통해 데이터를 바꿔줄 수 있지만 중복되는 코드를 given을 통..
-
코드숨 React 8기 - 6주차 회고카테고리 없음 2022. 6. 13. 22:06
Facts(학습내용, 사실/ 객관) 학습내용 1. historyApiFallback 2. window.location 3. React Router 사실 / 객관 1. 100% 테스트 커버리지를 통과하지 못했다ㅠ Feelings(느낌,주관) 저번주에 이어 테스트 커버리지 100%를 달성하지 못한 채 과제를 마무리 해 너무 아쉽다 ㅠㅠ 다음에는 꼭 초록색 체크표시를 받고 한 주를 마무리 하고 싶다. Findings(배운점) 1. historyApiFallback에 대해 알게 됐다. : 존재하지 않는 페이지에 접근할 때 리다이렉트를 해줄 수 있게 한다 - 리액트는 SPA라 URL의 시작 주소(index.html)만 갖고 있으나 웹의 history APIf를 사용해서 여러가지 URL이 있는 것처럼 가짜주소를 ..