웹 개발3 [디벨로퍼] 채용 사이트 프로젝트 10 [연봉 페이지]feat: 연봉 그래프 툴팁 추가 feat: 연봉 그래프 우측 예상 연봉 정보 추가 feat: 채용 정보 추가(적극 채용중인 회사, 연봉 업그레이드 포지션)feat: 반응형 UI작업 feat: 커뮤니티 rootLayout 추가(좌측 부분) feat: 소셜 페이지 추가(작업중) ---- FE개발에서 가장 어려운 부분(?) 중에 하나는 반응형UI인 것 같다. 앱 개발 내에서 상태처리에 따른 View 보여주기와 크게 다르진 않지만, 뭔가 더 복잡한 느낌이 있다. 원티드 페이지를 따라 만들다보니, 뷰를 배치하는 능력도 점점 생기고 있다는 것이 느껴진다(Flutter에서 배치하는 것과 비슷하면서도 다름) 원티드 내부적으로 포인트 부분, 커뮤니티 부분 등이 있는데 백엔드 쪽을 어떤 식으로 작업할.. 2025. 3. 12. [디벨로퍼] 채용 사이트 프로젝트 9 feat: 상단 메뉴 - 더보기 메뉴 추가feat: 연봉 정보 페이지(작업중) ---- 1. Flutter로 개발을 할 때 width, height 값을 안 줘서 속성이 안 먹을 때가 있다. React개발을 할 때도 마찬가지인 듯 싶다. 이럴 때는 처리하는 뷰에 Background 값을 주고 잡힌 사이즈를 보면서 width/height값을 조정해야 한다. 부모 태그를 변경하면 될 때도 있다. 2. 오브젝트를 가운데로 가도록 만드는 방법(flex 내부 양 옆에 Spacer 넣어주기)물론 이거 말고도 align-items로 동작할 때도 많다. 해도해도 안 먹을 때 사용해보자. 연봉 페이지 작업하고 포인트 화면을 작업할 예정이다. 2025. 3. 10. [디벨로퍼] 채용 사이트 프로젝트 8 [회사 정보 페이지]feat: 우측 팔로우 버튼 반응형 처리feat: 다이얼로그 추가(올해 입사자 평균연봉, 평균 근속연수) feat: 데이터소스 페이지 추가 feat: 헤더 추가 메뉴 부분(작업중) align-content determines the spacing between linesalign-items determines how the items as a whole are aligned within the container. 1. Row 내에서 아이템을 가운데에 배치할 때는 align-items, 수직적으로 아이템을 가운데 배치할 때는 align-content를 사용하면 된다. 2. JSON 정보를 바탕으로 컴포넌트를 출력해야 할 때, Object.entries 함수를 사용하면 된다. json의.. 2025. 3. 9. 이전 1 다음
