[Wecode 65일차] css 세로 가운데 정렬

1. 버튼 아이콘을 세로 가운데 정렬로 하고 싶은데, 방법을 찾던 도중 괜찮은 방법이 있어서 적는다.

통상 vertical-align : middle 이나, 다른 빈 DIV를 넣고 정렬하는 방법도 있지만,

.className {
    position : absolute;
    margin : auto;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0
}

정렬하고자 하는 태그 클래스명에다가 위와 같이 설정하면 끝.

 

2. 재사용성 없는 곳도 컴포넌트로!

   1) 리액트를 사용할때 재사용성이 없더라도 소스코드를 분리해 놓으면 특정부분 수정하고 싶을때 한번에

      찾아가기가 쉽다.

   2) 재사용성이 없다면 Components 폴더보다는 Pages/부모 폴더 밑에 두면 된다.

 

3. 주석보다 조건문 사용해서 주석을 남기는 것도 나쁘지 않은 방법인 듯.   

{false && (<> 동해물과 백두산이</>)}

4. 서버에서 받지 않은 반복적인 데이터는 파일로 만들어서 관리하자.

 

5. :not (~를 제외하고)가 요긴하게 사용되니 사용해보자.

 

6. scss파일도 기능별로 쪼개기. => 첨에는 익숙치 않으나, 익숙해야한다..