03 - 21 작업하면서 느낀점

1) layout의 중요성

이번에 React로 작업하면서 layout이 중요하다는 것을 깨달았다.

틀을 잡은 layout component들을 미리 만든 후 component라는 블록들을 layout에 맞게 집어넣는다면 일 처리가 매우 빨라질 수 있겠다는 생각이 들었다...

앞으로는 작업시 전체적으로 어떤 layout을 가져갈 지 구상 또는 기획문서 참고 후에 layout 부터 확실히 잡고 작업을 하는 방향으로 해야겠다.

2) 말줄임 표시

-> table의 span tag 안의 내용에 말줄임 표시를 넣을려고 구글링 후 css를 적용했는데 적용되지 않는 현상이 발생했다. 의아해서 코드 분석해본 결과 해당 span tag 는 display: flex; 상태였고 flex-container에는 말줄임 표시가 적용되지 않는다는 것을 알 수 있었다. 이를 해결하기 위해서는 안에 flex-item에 말줄임 표시를 위해 아래의 css를 추가해주면 된다.

{
	overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap; 
}

좋은 웹페이지 즐겨찾기