주간회고 01/18 ~ 01/22

주간회고 01/18 ~ 01/22

1. 업무

  1. 교재만들기 작업 진행중

    • 매쓰플랫 선생님앱(웹)의 핵심 기능중 하나인 교재만들기를 계속 이어가고 있다. 1단계 범위설정하는 부분은 이미 해두었고, 2단계에서 드래그앤 드랍, 스크롤 이동등 복잡한 기능들이 많아서 일정이 좀 걸릴것 같다. 처음에 백엔드팀에서 디자인을 보고 api들 일부 만든 것들이 있는데, 개발하면서 필요한 값들을 추가 요청하고, 다른파트 작업하다가 다시 돌아와서 작업하는식으로 하고 있다. 다음주까지 작업 완료하고, 최대한 테스트를 많이 해보고 QA파트에 넘겨야겠다.
    • “1단계 범위선택 및 필터 선택 페이지” 에서 선택한 필터 값을 “2단계 편집페이지”에서도 가지고 있어야 하는데, 메모리에만 올리면 새로고침을 할때 1단계에서 선택한 필터옵션이 사라지는 경우가 우려스러웠다. localstorage에 저장하는 방법을 고려했었지만, 사용자가 자유롭게 나갈수 있고, 예상치 못한 곳에서 localstorage를 지워버린다면 방법이 없었기 때문에 그 방법은 쓰지 않기로 했다.

스크린샷 2021-01-27 오후 8 56 49

대신 백엔드 팀원들하고 협의를 통해, 옵션을 서버에 저장하고 해당 옵션을 꺼내올 수 있는 key를 프론트에서 가지고 있기로 했다. 새로고침을 하더라도 앞에서 선택한 필터 옵션들을 서버에서 가져 올 수 있으니, 교재를 만들기 위한 옵션들은 보장되는 샘이다. 다만 문제를 편집하는 중(Ex - 문제 순서 변경) 등은 새로고침시 날라가버리게 되기 때문에, 문제들도 서버에 저장하는 방법을 고려헀으나 많은 데이터가 쌓이게 될것 같아서 우선 TODO로 남겨 두기로 했다.


  • 드래그앤 드랍 관련해서 React-beatiful-dnd를 쓰고있는데, 여러 컬럼의 드래그앤 드랍 기능을 구현해야 해서, 우선 예제를 보고 간단히 따라해보려한다. 아이패드와 테블릿에서는 잘 되는데, 현재 정책상 가능한 최대갯수를 넣어서 테스트를 같이 진행해봐야겠다.
  • 스크롤 안에 하나의 element를 클릭시 스크롤 영역중 상단으로 이동시키는 기능이 필요한데, 찾아보니 scrollIntoView()이 있어서 쉽게 처리할 수 있었다. 다만 safari에서는 해당 옵션의 일부만 지원이 되어서 getBoundingClientRect()를 이용해서 부모 element와 자식 element간 계산을 통해 구현을 할까 고민을 하다, 찾아보니 폴리필이 있어서 적용시킬 수 있었다. package.json 안을 까보니 예상대로 getBoundingClientRect()를 이용해서 직접 구현하고, prototype으로 넣고 있었다. image
  • 풀리 홈페이지 작업 풀리 홈페이지를 담당하기로 했던 분이 2일만에 퇴사(?)를 하게되면서, 다시 내가 이어가기로 했다. 다만 지난번과 마찬가지로 현 업무가 우선이기 때문에, 짬짬이 해나가기로 했다. 페이지 구조와 컴포넌트 정도만 틈틈이 해 두어야겠다.

2. 그 외

  1. 이사 망원에서 살다보니, 정주요건은 좋지만 근처에 아는사람이 아무도 없어서 심심하다. 서울대 입구역 근처로 이사를 오기 위해 집을 알아보고 있는데, 생각보다 마음에 드는 집이 많이 없어서 아쉽다. 집이 좋으면 비싸고, 싸면 옵션이나 거리등에서 아쉬운 부분이 있다. 이번에는 최대한 전세 위주로 알아보고 있는데, 급한건 아니니 천천히 알아봐야겠다.
  2. 이력서 업데이트 하지만 회사에 재직한지 1년 반 가까이 되었으니 한번 이력서를 업데이트할 때가 된것 같다라는 생각이 들었다. 괜찬은 이력서 공개 사이트를 좀 찾아봐서 나는 어떻게 하면 좋을지 고민해봐야겠다. 이력서 뿐만 아니라 포트폴리오도 요구하는 회사가 많아지고 있는데, 준비해두면 좋을것 같다.

Written by@Seunghun Kang
Code & Coffee

GitHub