본문 바로가기
Daily/Today I Learned

210406 - 210423 한 달간의 회고기록 ✍🏻

by joooing 2021. 4. 30.
반응형
4월 한 달 동안은 프로젝트를 진행하면서, 팀원들과 매일 밤 11시마다 공동 노션에 각자 회고를 작성하고 공유하는 시간을 가졌다.

정말 눈 뜨자마자부터 눈 감기 직전까지 하루종일 컴퓨터 앞에 앉아있는 생활을 반복하다보니 오늘, 내일의 경계가 없어지는 느낌이었는데 다 같이 모여서 하는 회고 덕분에 잠깐이나마 배운것을 정리하고 느낌을 기록하고 되돌아볼 수 있었다.

SR(기획)단계가 끝난 후부터 4F(Fact, Feeling, Finding, Future action) 방식으로 기록했는데, 내가 작성했던 부분만 다시 정리해보면서 며칠만에 사라지고 있는 기억을 되살려 보려고 한다.

210406

Fact (사실)

  • 마일스톤 작성, 태스크 카드 생성 및 분배
  • Redux Setting
  • Navbar 구현

Feeling (느낌)

  • 드디어 길고 긴 SR이 끝났다.. 행복하다
  • Redux를 타입스크립트랑 쓰려니까 Action의 타입, Action이 리턴하는 값의 타입, State에 있는 데이터들의 타입, 리듀서 타입....등 생각보다 지정해야하는 것들이 많아서 예상 시간보다 오래걸렸다. 제대로 작성이 되었는지 확인해보려고 useDispatch, useSelector을 써서 테스트를 해봤는데, state를 불러올때도, 보낼때도 타입을 지정하지 않으면 바ㅏㅏㅏ로 작동이 안됐다. 손이 많이가는 친구지만 실수하나는 진짜 확실히 방지할 수 있을 것 같다!
  • 확실히 태스크를 나누고 하나씩 처리하니까 내가 맡은 부분에 대해 좀 더 꼼꼼히 보게 되는 것 같다.

Finding (교훈)

  • 꼼꼼히 하자.

Future action(앞으로의 행동)

  • 타입스크립트 제대로 쓰기!
  • 새로 배운 내용은 그때 그때 간단히라도 기록해두기

What I learned

  • 리덕스 디버깅을 위해서 쓰는 __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ 는 기본적으로 Window 타입을 갖는데, tsx에서는 이 타입이 따로 없어서 Interface를 통해 따로 만들어줘야 한다.

 

210407

Fact (사실)

  • 일반 로그인 구현 완료, 마이페이지 구현 중
  • navbar, signin css 수정
    • 와이드 모니터를 쓰는데 이걸로 볼 때랑 그냥 맥북화면으로 볼 때랑 느낌이 달라져서, 기존 레이아웃을 조금씩 수정해야하는 상황이 생겼다.

Feeling (느낌)

  • 로그인창을 모달형식으로 구현했는데 마우스나 키보드 이벤트를 몇개씩 달았더니 typescript랑 DOM을 조작하는 부분에서 고려해야할 사항들이 굉장히 많았다. event 등록할 때마다 몇 분씩 쓴 것 같다. 확실히 작업 속도가 느려져서 약간의 답답함도 있는 것 같다.
  • git을 내맘대로 더 잘 다루고싶다..!
  • 집중력이 점점 떨어질 때 쉬어야할 것 같기는 한데 어떻게 쉬어야할지 잘 모르겠다,,

Finding (교훈)

  • 할일의 우선순위를 세분화시키고, 기록해두고, 하나씩 처리해나가는 식으로 진행하는게 좋은 것 같다. 확실히뭔가를 빼먹거나 뭘 해야하는지 길을 잃는 경우가 줄어들었다.

Fut ure action(앞으로의 행동)

  • css 작업을 할 때는 비율을 늘리지 말고 쓰거나 그냥 맥북화면으로 봐야겠다.

 

210408

Fact (사실)

  • 지도 필터링 기능
  • 시/군/구/동 4depth 구조 json 파일 생성
  • 마이페이지, 내일정관리, PlanSummary 컴포넌트 구현 완료

Feeling (느낌)

  • 코드리뷰 좋은 것 같다. 질문받는시간 = 복습하는시간!

Future action(앞으로의 행동)

  • 아침에 하루치 목표를 정하자!
  • 삽질 을 통해 알게된것
    • fs모듈 React에선 바로 사용불가..
    • 대신 json파일 import 하면 parse 적용된 것처럼 동작함
    • <datalist> → 자동완성인데 직접입력 가능해서 변수가 너무 많음
    • <select> → 제안된 값들 중에서만 선택 가능한데 대표값이 안뜸 ㅠ


210409

Fact (사실)

  • modal창 개편
    • props로 type을 받아 타입에 맞는 레이아웃으로 띄우기
  • hover 상태에 따라 다른 html 태그가 토글되도록 구현 (테마부분)
  • Kakao Map 관련
    • map setting
    • 관련 정보들 state로 관리 - 현재 중심위치, 전체 영역, level ..등
    • 키워드 기반으로 지도 위치 이동시키기
    • 렌더링되는 영역이 바뀔 때마다 서버에서 그 영역 내의 마커 데이터를 받고, kakao 형식에 맞게 변환 후 재렌더링

Feeling (느낌)

  • css가 javascript를 조작하게 하는게 생각보다 오래걸렸다. 그래도 하고나니까 나중에 튜토리얼 애니메이션을 구현할 때 어떤 식으로 해야할지 조금 감이 잡힌 것 같다.
  • DOM을 직접 건드리는 map API를 React에서 쓰려니 공식문서만 보고 해결이 불가능한 것들이 많았다.
  • 검색에 의해 위치가 이동될 때, 드래그로 이동할 때, 확대/축소를 할 때 등.. 처음 써보는 이벤트들이 많았다. 근데 어떤 하나의 이벤트를 추가하기 위해서는.. 이것도 리액트를 써서 고려해야할 상황도 많았던 것 같다.
  • 물론 시간은 굉장히 빨리 갔지만, 어제보단 좀 더 효율적으로 시간관리를 한 것 같아서 편히 잠을 잘 수 있을 것 같다.
  • 브랜치를 왔다갔다하면서 git 관리를 하는게 좀 익숙해진 느낌이다!

Finding (교훈)

  • 해야할 일들이 계속 생각나거나 생겨나면 내가 뭐하려했지..?하는 상태가 되는 것 같다.

Future action(앞으로의 행동)

  • 피드백을 받은 사항들은 그때그때 이슈카드를 만들거나 기록해두고 우선순위에 따라 처리해야겠다.
  • 주말동안 할 것들, 목표를 미리 정리해둬야겠다.

What I learned

 

210410

Fact (사실)

  • MyPage - 큐레이션 요청 취소제한, scss 수정
  • MyPage - 시군구 검색 필터링 수정
    • data - 4depth → 3depth로 변경
    • UI 변경
  • PlanPage - 검색바 수정
    • 키워드검색 실시간 반영, 리스트 형태로 제안하도록
    • 키보드이벤트 추가

 

210412

Fact (사실)

  • Page / ViewCuration (구현완료)
    • Page → Modal Component
  • Com / Feedback (구현완료)
  • Com / Plancard (구현완료)
  • Page / FeedPage (구현완료)
  • Com / PlanSummary (진행중)

Feeling (느낌)

  • 많이 한 것 같은데 많이 남았다!
  • 주말에 많이 잔 것 같은데도 몸에 힘이 안들어갔다.. 머리는 멍한데 손만 코딩중인 느낌..?
  • 6시간이면 많이 자는거 아닌가했는데 들어가자마자 보이는 베댓,, (잠 충분히 자라는 영상 ) 잠과 해야할 일의 균형을 맞추는게 어렵다.
  • 요샌 사실 누워도 못끝낸게 계속 생각나서 한참 잠을 못자거나, 이럴바엔 뭐라도 하자는 마음에 주섬주섬 노트북을 침대로 가져와서 마저 하다가 잠들기도하는데 이게 잘하는거라는 생각은 들지 않는다. 시간이 얼마 안남은 상태라 쉽지는 않겠지만 마음을 좀 더 여유롭게 가져야할 것 같다..!

Finding (교훈)

  • 객관적으로 내가 정해둔 시간동안 할 수 있는 일의 양을 파악하고, 시간분배를 더 효율적으로 해야 마음이 좀 더 여유로워질 것 같다.

Future action(앞으로의 행동)

  • 나를 힘들게 할 정도의 욕심은 버리기..!

알게된 것

  • gitignore - 서브파일 ignore에서 제외하기
  • flex-flow속성flex-flow: column wrap
  • mocking

 

210413

Fact (사실)

  • Com / PlanSummary
    • 카카오톡 공유하기
    • url 클립보드 복사
  • Com / Toast
    • 토스트를 구현하려면 리듀서에서 비동기 처리를 해줘야해서 생각보다 복잡했다. 이것도 Typescript랑 합쳐지니까 dispatch의 타입도 지정해주는 등 이것저것 알아보느라 꽤 시간이 걸렸다.
  • Page / Admin - Management
  • User, Sign API 서버 테스트
    • 성공적..!

Feeling (느낌)

  • 아침까지만해도 카카오톡 공유하기 구현하고 내 카톡으로 내가 보낸 메세지가 오는걸 보고 굉장히 신나있었는데.. 점점 집중력이 떨어지는 시간이 빨ㄹㅏ지는것 같다.
  • 사용하는 html태그가 한정적인 것 같다.
  • 정말 세부적인 사항들까지 설계해뒀다면 좀 더 편했겠지만 시간문제로 넘어갔던 점이 조금 아쉽다. 구현단계해서 고려해야할게 굉장히 많은 느낌이다.
  • 아직 Typescript 세계에는 모르는게 너무 많다. 더 공부해야한다..!

Finding (교훈)

  • 컴포넌트 설계 단계에서 단순히 무엇을 컴포넌트화시키고 어떤 역할을 하는지 정도에서 그칠게 아니라, 컴포넌트가 어떤식으로 다양하게 이용되고, 어떤 props를 받게될건지도 고려해둬야할 것 같다.

Future action(앞으로의 행동)

  • 내가 작성한 코드라고 하더라도 복습하기!
  • 머리 식히기
  • Typescript 더 공부하기
  • 시맨틱 태그 더 알아보기

알게된것, 읽어볼것

  • Redux & Typescript
  • const assertion
  • ReturnType

 

210414

Fact (사실)

  • Admin page 를 갈아엎었다..
    • Magament (완료)
    • Request (진행중)

Feeling (느낌)

  • 여러 요청을 두페이지에서 처리하도록 구현하려다보니까 생각할게 괴ㅣㅣㅇ장히 많다! + 권한이 많은만큼 구현할 기능도 많았다. 머리가 깨질것같다!
  • 기록하는 습관을 잘 들인 것같다. + 이슈카드도 전에 비하면 훨씬 더 세분화해서 작성하는 중이다.
  • 이건 유지할 사항!
  • 확실히 완전 세분화시켜서 구현할 사항들을 순서대로 적어두니까, 흐름을 놓치지 않고 앞만보고 할 수 있게되는 것 같다. 그리고 약간 체크박스를 하나씩 체크해나가는 재미..와 성취감..이 있다! 난 성취감을 느끼는게

Finding (교훈)

  • stateless에 대해 좀더 고민하기

Future action(앞으로의 행동)

  • 리팩토링을 꼭 해야겠다

알게된 것

 

210415

Fact (사실)

  • Plancard 데이터 처리
    • planlist에 있는 plancard 의 크기 → 시간으로 변환
  • Plancard & setTheme, setTime 연동
  • PlanCard 삭제 버튼 기능추가
  • CurationCard → PlanCard로 이동시키기
  • AddPlan → PlanCard로 이동시키기 (하고잘예정.)

Feeling (느낌)

  • Component를 쪼개둔게 장점도 있고(코드를 보기 쉬움, 필요한 부분만 변경 가능) 단점(부모, 자식 간 상호작용? 이 들어가면 고려할 사항이 많아짐)도 있는 것 같다.
  • Class형으로 했다면 생명주기 때문에 머리가 더 터졌을 것 같다..! Hooks를 사용할 수 있어서 다행인 것 같다.
  • 이게되긴되네?!..
  • 원래 일어나면 머리가 깨질 것 같았는데 자기전에 스트레칭을 하고 자서그런건지 상쾌하게 아침을 맞이했다..!

Finding (교훈)

  • 조급함은 할 수 있는 것도 할수 없게 만들수 있다 주의하자!

Future action(앞으로의 행동)

  • 다음날을 위해 스트레칭하고 자기. 해보고 내일도 상쾌하다면 유지하기..!
  • 조금남았다 더 집중하자!

알게된 것

 

210416

Fact (사실)

  • 필요한 기능 구현은 거의 다 된 것 같아 미뤄뒀던 오류들을 찾고 고쳐나가는데 집중했다.
  • planlist 수정
    • 대표지역 입력창 추가, 시군구 주소입력 관련 오류 수정
    • 기타 자잘한 오류 수정..
  • curation, curation-card 서버 테스트 + 버그수정
  • mainpage 구상

Feeling (느낌)

  • 철자 하나.. 등 사소한 것들을 수정해야했다. 그래도 큰 문제는 없어서 저ㅓ엉말 다행이었다. plan도 잘 작동하길..!
  • 내일부터 주말이라 하루종일 카페에 있을 수 있어서 벌써 행복 :D
  • 이슈카드들을 치워나가고 있다. 얼른 다 치우고싶다!
  • 날씨가 너무 좋아서 약간 뛰어나가서 놀고싶다..

Finding (교훈)

  • 사소한 것이더라도 생각나는대로 이슈카드를 만들어두자! todo list처럼 순서대로 처리하기 훨씬 편하다.

Future action(앞으로의 행동)

  • 침착하게 + 꼼꼼하게 잘 마무리하기

 

210418

Fact (사실)

  • MainPage
    • 레이아웃, css 적용
    • 스크롤 애니메이션 추가

알게된 것

 

210420

Fact (사실)

  • 오랜만에..? 배포를 진행했다!
  • QA를 시작하고 계속 오류들을 수정해나가고 있다.
    • 수정할게 많다

Feeling (느낌)

  • 시간이 빠듯하다 + 너무 빨리간다
  • 산공기 마시고싶다.
  • 역시 아무런 데이터가 없는 초기상태로 돌려보니까 안보이던 오류들이 나온다. 세심하게 신경쓰지 못했던 부분들이 하나씩 터지고 있다,,
  • 꼼꼼함이 부족한 것 같다.

Finding (교훈)

  • 복잡하다 싶으면 머리로만 생각하려하지말고 천천히 종이에라도 써내려가면서 생각해야한다.
  • 우선순위를 잘 정해야한다.

Future action(앞으로의 행동)

  • 최대한 네트워크 요청이 적게 갈 수 있는 방법을 고려하자
    1. 정확하게 2. 빠르게하자

 

210421

Fact (사실)

  • 계속 QA를 하고있다.

Feeling (느낌)

  • (아직 할게 많긴하지만) 어제 가장 걱정했던 부분은 수정해두고 자서 한시름 놓긴했다.
  • 정규시간에 집중이 안되는것같다. 새벽에 익숙해지면 안되는데,,
  • 사실상 10일? 정도밖에 안지났지만, 그 때의 미흡한 점이 벌써 보인다. 그래도 뭔가 다음 프로젝트땐 더 잘 할 수 있을 것 같은 느낌,,?!

Finding (교훈)

  • 익숙해지는 것도 물론 중요하지만, 익숙함에 익숙해지지 말자..!

Future action(앞으로의 행동)

  • 어제 늦게 잤더니 집중력이 많이 떨어져 오늘 목표량을 다 못채운것같다. 집중해서 빨리끝내자.!

 

210422

Fact (사실)

  • QA
    • Infinite Scroll pagenation 구현
    • 기타 (자잘한) 오류들 수정

Future action(앞으로의 행동)

  • 오늘밤까지는 이슈카드에 있는 것들을 마무리 짓고, 내일부터는 발표준비에도 신경을 써야겠다!
  • 주말에는 메인페이지나 UX적인 측면에서 좀더 손봐야할 것 같다.

알게된 것

반응형

'Daily > Today I Learned' 카테고리의 다른 글

210325_TIL (First Project - Day11)  (0) 2021.03.28
210324_TIL (First Project - Day10)  (0) 2021.03.28
210323_TIL (First Project - Day9)  (0) 2021.03.28
210322_TIL (First Project - Day8)  (0) 2021.03.27
210321_TIL (First Project - Day7)  (0) 2021.03.22

관련글

댓글

티스토리툴바