본문 바로가기
프로그래밍/Portfolio Log

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

by YuminK 2025. 3. 8.

 

[회사 정보 페이지 작업]

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 실력도 많이 늘고 있는 것 같달까... 꾸준히 작업해보자. 

댓글