[회사 정보 페이지 작업]
feat: 상단 회사 이미지 및 로고 추가
feat: 그래프 추가(월평균 급여, 예상연봉, 인원)
feat: 우측 팔로우 버튼 처리(hover effect, toast 등)
feat: 예상연봉 다이얼로그 추가
chore: chartjs-plugin-annotation 추가
------
1. Position을 이용하여 위치 조정하기
flutter에서는 Stack위젯 내부에 존재하는 위젯에서 Positioned 위젯으로 위치를 조절했다. React에서 동일한 처리를 하려면 부모쪽에 position: relative를 주고 자식 컴포넌트에서 position: absolute를 준 이후에 left, top, right, bottom 값으로 조정할 수 있다.
2. 차크라UI 내에서 state값에 따른 hover background 지정하는 방법
_hover에 styles 속성을 줘서 처리한다.
그래프 쪽이 엄청나게 시간을 많이 먹는다. 그래도 하나씩 하다보니 원하는 모양대로 잘 나온 것 같다. Chartjs 문서가 굉장히 깔끔하게 되어 있어서 읽기 편하다. 문서 읽으면서 FE 실력도 많이 늘고 있는 것 같달까... 꾸준히 작업해보자.
'프로그래밍 > Portfolio Log' 카테고리의 다른 글
[디벨로퍼] 채용 사이트 프로젝트 9 (0) | 2025.03.10 |
---|---|
[디벨로퍼] 채용 사이트 프로젝트 8 (0) | 2025.03.09 |
[디벨로퍼] 채용 사이트 프로젝트 6 (0) | 2025.03.07 |
[디벨로퍼] 채용 사이트 프로젝트 5 (0) | 2025.03.05 |
[디벨로퍼] 채용 사이트 프로젝트 4 (0) | 2025.03.04 |
댓글