관심사분리에따른 리팩토링, 이미지업로드, 버튼css, top버튼 만든날 ( +11,+135

오늘한것

 

관심사분리에 따른 리팩토링

어제 팀장님한테 '관심사분리'라는 개념을 배웠다.

위의 생각없이 써질러놓은 코드들을 기능에 맞게 지도, 오른쪽 상자, 제일오른쪽 버튼2개 3묶음으로 리팩토링했다.

폴더는 기능을 기준으로 나뉘어져 있다. styled-component들은 각 폴더의 style.js에 작성하였다.

 

왼쪽 : style.js. / 오른쪽 : 폴더이름-index.js

이미지 업로드하는 모달창 만들기

위로가기 버튼

버튼CSS

버튼누르면 모달창나오게 하려고 버튼에 마우스를 올렸다가 버튼에 꽃혀서 css를 했다.

괜히 시간을 쏟았지만 그래도 css공부를 했다고 생각하겠다.