[2018.10] 코인원 메인 리뉴얼 + BTC 마켓

유지보수나 운영이슈가 아닌 큰 개편은 메인 페이지 리뉴얼이었고, 큰 피쳐는 BTC 마켓 오픈이었다. 이 모든 개편에 있어서 가장 오래 작업하고 애를 먹인건 마켓북 영역이었다. 숫자 자리수의 가변성을 생각해야 하기 때문에 디자인이 디테일하게 여러번 바뀌었다.

구조적으로는 thead가 고정이고 tbody가 스크롤이 되는 형식인데 flex를 통해 구현했다. flex를 쓰지 않았더라면 table > thead 따로 table > tbody 따로 분리해서 tbody 영역을 div로 감싸서 스크롤이 되도록 했겠지만 그렇게 하지 않고 구현 할 수 있어서 새로운 방법을 알게 된 작업이다.

거래페이지는 레거시 코드가 많아서 개선이 쉽지 않다. GNB, 공지사항, Trade header (페어, 가격표시 바)가 모두 스크롤 상단 고정인데 gnb는 스크롤이 시작되면 height 값이 달라지고, 공지사항은 있을수도 없을수도 있고 하는 변수가 많아서 그걸 다 고려한 값을 css positon: fixed; top: ?px 값을 바꿔줘야 하는 까다로움이 있었다.

BTC 마켓 오픈 이후에 셀로 조직개편이 되면서 앞으로 거래 페이지는 트레이딩셀에서 맡아서 개발할 예정이라 내가 작업할 일은 없을 것 같다. 앞으로 어떻게 고도화 될지 기대가 된다.