전체 글 8

{12월 첫째주 회고} 마무리를 하는 방법 | 포토부스 side-p &썬데이 모각글 끝! | 새로운 업무-p 시작!

이번주는 두가지 일이 끝나고, 한가지 일이 시작되었다. 중간에 업무회고를 한 날이 있었는데, 회고중에 문득 "일의 마무리"에 대해 느낀 점이 있었다. 1. 마무리를 하는 방법: "마무리에도 시간을 투자해야 한다." 지금까지는 하던 일이 끝이 나면 다음 테스크를 찾아 바쁘게 시작을 했다. 일이 끝나면 마음에 긴장이 풀어지고, 일단 결과물은 나왔으니 다시 들여다보기 싫고, 마무리를 해서 어떤 효용이 있나 싶어 그동안은 딱히 "마무리"라는 것에 신경을 쓰지 않고 살았다. 이렇게 명확한 끝맺음이 없이 살다보니, 시간을 돌이켜 볼때 "나는 그동안 어떤 일을 했는가, 그때 그 일이 나에게 어떤 의미가 있는가, 뭘 배웠었지" 같은 것들이 잘 기억이 나지 않았다. 이렇게 잘 기억이 나지 않으면, 지난 나의 세월의 의미..

카테고리 없음 2022.12.11

{11월 다섯째주 회고} Scroll Restoration | 포토부스 side-p | 썬데이모각글 나홀로 회고

1. 스크롤 위치기억 (feat. 화면 이동방식 변경 끝!) 화면 이동방식을 변경하는 작업이 드디어 끝이 났다. file changed가 126개였다. 기간은 일주일정도 소요되었다. 지금와서 돌아보면 분리해서 작업해야 하는게 맞았을 것 같지만 화면이동방식 변경과 함께 화면 스크롤 구조도 변경하고 디렉토리 구조와 변수명도 함께 정리했다. 작업을 하다보면 분기처리를 해야될 지점을 놓치고 후루룩 해버리게 된다. 코드 리뷰나 관리측면에서 분리해서 작업하는게 맞는데, 연습이 더 필요할 것 같다. 이번에 화면의 스크롤 구조를 변경하면서 기존에 스크롤 위치를 기억하고 복원해주던 커스텀 훅이 제대로 동작하지 않게 되어 다시 만들었다. 이 글을 가장 많이 참고하면서 훅을 다시 만드는데 성공했다. React-Router에..

카테고리 없음 2022.12.04

{11월 셋째주 회고} 입사과제 코드리뷰 | 화면 이동방식 변경

1. 입사과제 코드리뷰 우리 회사 프론트엔드 입사과제로 스터디를 하고 있다. - 입사과제 결과물을 만들고, - 경력이 있는 개발자 두분이 리뷰해주시고, - 그걸 다시 반영해서 만드는 방식으로 진행하고 있다. 👇 스터디 시작에 대한 것은 이전 회고에 기록해두었다. 2022.10.19 - [분류 전체보기] - {10월 둘째주 회고} 리액트 스터디 3개 | 아카이브 필요성 | table 태그 궁금쓰 {10월 둘째주 회고} 리액트 스터디 3개 | 아카이브 필요성 | table 태그 궁금쓰 이번주는 리액트 스터디 두개를 시작했다. 하나는 코딩애플의 리액트 강의를 듣는 스터디, 다른 하나는 개발공부 스터디 그리고 단발성으로 진행되는 우리 회사 프론트 입사과제 스터디 하나가 yuncoco.tistory.com 이번주..

카테고리 없음 2022.12.04

{자투리 아카이브} TypeScript | React Router | etc...

✏️ 중간중간 얻게되는 자투리 지식을 모아놓는 저장고 입니다. TypeScript useLocation 타입 const location = useLocation() as UseLocation - react router dom v6부터는 generic을 지원하지 않아 형태가 아닌 as를 사용하여야 한다. - 참고: https://velog.io/@kml9003/React-react-router-dom-v6-TypeError Package Manager 패키지 잠금 파일 - npm은 package-lock.json 파일을, yarn은 yarn.lock 파일을 패키지 잠금 파일로 사용한다. - 참고: https://www.daleseo.com/js-package-locks/ React Router velope..

카테고리 없음 2022.12.04

{11월 둘째주 회고} CSS cubic beizer | 화면이동 플로우(feat. Xmind) | 우테코 채용행사

📝 순서 1. CSS cubic beizer 2. 서비스 화면이동 플로우 그리기 (feat. Xmind) 3. 우테코 채용행사 참여 1. CSS cubic beizer 요즘 일을 하면서 새로 알게되는 css 속성이 종종 있어 알아가는 재미가 있다. (얼마전에는 transition-property: none 도 알게 되었다.) 이번에는 opacity에 transition을 주다가 ease-in-out 말고 좀 더 세부적으로 속도를 조절하고 싶어서 처음으로 cubic beizer를 사용해보았다. transition: [property name] [duration] [timing function] [delay] 자주 사용하는 "ease-in-out"이 들어가는 자리를 [transition-timing-func..

카테고리 없음 2022.11.27

{10월 둘째주 회고} 리액트 스터디 3개 | 아카이브 필요성 | table 태그 궁금쓰

이번주는 리액트 스터디 두개를 시작했다. 하나는 코딩애플의 리액트 강의를 듣는 스터디, 다른 하나는 개발공부 스터디 그리고 단발성으로 진행되는 우리 회사 프론트 입사과제 스터디 하나가 더 추가되어서, 당분간은 리액트 관련 스터디만 3개를 하게 되었다. 📝 순서 1. 코딩애플 리액트 스터디 2. 리액트 공식문서(개발공부) 스터디 3. 프론트 입사과제 스터디 4. 아카이브의 필요성 5. table 태그 궁금쓰 1. 코딩애플 리액트 스터디 - 진도상황: 1강 ~ 11강 - 강의링크: https://codingapple.com/course/react-basic/ - 스터디일시: 화/목, 오후 8시부터 10시 React 리액트 기초부터 쇼핑몰 프로젝트까지! - 코딩애플 온라인 강좌 누구나 마음 한켠엔 나만의 웹서..

카테고리 없음 2022.10.19

{10월 첫째주 회고 - 2} 개발공부 자극 | useSWRInfinite | 프로젝트 회고

이번주는 4일밖에 없어서 더 후다닥 지나가 버렸다. 그리고 개발적으로는 공부를 해야한다는 자극을 많이 받고 조금이나마 실행을 해본 주간이었다. 📝 순서 1. 드디어 프론트 동료가 생겼다! 2. 개발공부에 대한 자극 (새로운 스터디 2개 시작 예정) 3. useSWRInfinite 적용 4. 노마드코더 개발자 글쓰기 모임 - 첫 그룹 회동 5. 메인개편 프로젝트 회고 1. 드디어 프론트 동료가 생겼다! 이번주 화요일부터 우리 회사에 신입 프론트엔드 개발자분이 새로 합류하셨다. 팀장님 외에 프론트엔드 동료가 생기는 건 처음이다. 업무적으로나 개인적인 성장을 하는데 있어서 서로 도움을 줄 수 있지 않을까 해서 너무 기다리고 있었다. 오시면 제안 드리려고 리액트 스터디도 준비하고 있었다. 그래서 다음주부터 같이..

카테고리 없음 2022.10.09

{10월 첫째주 회고 - 1} 개발자 글쓰기 모임 | 스토리북 | 티스토리

벼르고 벼르던 주간회고 시작! 이번주에 한 일을 정리하고 보니 내용이 많아서 생활과 개발에 대한 것으로 나눠쓴다. 이번 글은 생활편. 📝 순서 1. 노마드코더 개발자 글쓰기 모임 시작 2. 스토리북 공부 시작 3. 개발 블로그 티스토리로 변경 + 여담 1. 노마드코더 개발자 글쓰기 모임 시작 리액트 강의를 찾다가 발견한 ding-co님의 블로그에서 모집글을 보고 이 모임을 시작하게 되었다. 올해를 시작하면서 입사를 하게 되어서 주간회고를 하겠다는 목표가 있었는데 미루고 미루다 혼자서는 안될 것 같아서 모집글을 보자마자 바로 신청했다. 그래서 이렇게 첫번째 회고글을 쓰게 되어서 후련하고 뿌듯하다 ㅋㅋㅋ 같이 신청한 노마드코더의 미라클모닝 스터디도 지난주부터 하고 있다. 다른 분들은 아침을 어떻게 시작하시는..

카테고리 없음 2022.10.02