Improved Scroll UI usability

[AnnieHwang]

Is your feature request related to a problem? Please describe.
페이지 마다 스크롤 영역이 일관성이 없음

Describe the solution you'd like
[개선방안. 정책]

1. 내용이 영역을 넘어갈때 스크롤이 생김
   NOTE. 프랩의 데이터플로우 화면과 같은 외부 라이브러리를 사용할 때 특히 유의해 주세요.

2. 화면의 메인 콘텐츠가 박스형인 경우, 화면 크기에 따라 박스 height 가변. 이때, 하단 마진 유지.
   NOTE. 박스형 디자인은 데이터 그리드나 컬럼리스트와 같이 표시할 내용이 매우 많아질 수 있는 경우 사용합니다.
   NOTE. 단, 박스 하단에 다른 입력 콤포넌트가 있을 경우, 박스의 Height를 min.사이즈가 있고 박스 내용에 따라 가변되도록함 (예.생성 마지막 단계 팝업)

3. 헤더 영역이 사라졌을 때 혼선이 생길 수 있는 경우, 헤더 영역 유지.
   NOTE. 테이블의 헤더. 타이틀 영역 등

참고페이지
https://tde.sktelecom.com/pms/browse/METATRON-1417
https://tde.sktelecom.com/pms/browse/METATRON-1226

[minjung-cho]

@eltriny 제 기억으로는 다른 이슈로 인한 개선이 진행되는 화면부터 순차적으로 진행하기로 했던 것 같은데, 잊혀지고 있는 것 같습니다 ^^; 이건은 어떻게 처리하는게 효율적일까요?

[kyungtaak]

@minjung-cho 기능 별로 전부 분해하시는것은 어떨런지요? "데이터 소스 적재 단계", "데이터 소스 상세", "dataflow" 이렇게요.

[minjung-cho]

@kyungtaak 네, 그렇게 하는게 좋을 것 같습니다. 페이지가 많아서 이슈 만들고, 각 화면 담당자 분들이 수고해 주셔야 할것 같네요

[kyungtaak]

@minjung-cho 가능하시다면 이슈 생성후 이곳 이슈 코멘트에 이슈를 연결해주시고요 해당이슈는 종료 부탁드립니다.

[kyungtaak]

@eltriny 연관된 4개의 이슈를 확인해주시고요. 금번 Iteration 개발에 얼마만큼 포함이 될수 있을런지 확인 부탁드립니다.