[디벨로퍼] 채용 사이트 프로젝트 8

 

[회사 정보 페이지]

feat: 우측 팔로우 버튼 반응형 처리

feat: 다이얼로그 추가(올해 입사자 평균연봉, 평균 근속연수) 

 

feat: 데이터소스 페이지 추가 

feat: 헤더 추가 메뉴 부분(작업중)

 

align-content determines the spacing between lines

align-items determines how the items as a whole are aligned within the container.

 

1. Row 내에서 아이템을 가운데에 배치할 때는 align-items, 수직적으로 아이템을 가운데 배치할 때는 align-content를 사용하면 된다.

2. JSON 정보를 바탕으로 컴포넌트를 출력해야 할 때, Object.entries 함수를 사용하면 된다. json의 key와 value 값을 묶어서 배열로 만들어준다. 

3. 요소를 scrollable하게 처리하려면 overflow: auto 속성을 주면 된다. 

 

-----

 

회사 정보 페이지 내에 있는 다이얼로그 및 정보 페이지를 추가했다. 사실 서비스 내에서 그렇게 중요한 부분은 아닌데 FE실력을 키우고, 디테일을 키우는 겸 같이 작업했다. 헤더쪽에 채용 정보에 대한 메뉴 부분을 작업하고 있다. 메뉴 부분에서 scroll처리를 막아주고 다른 메뉴 항목을 hover할 때, 오버레이/메뉴 부분을 없애주면 될 것 같다.  

 

하나씩 작업해보자.