UI Improvements Branch Search and Dashboard Layout Update

👋 안녕하세요, 오늘의 업데이트를 공유드립니다.
👋 Good day everyone, here’s today’s update.

⚙️ 먼저 설정 섹션 작업을 진행했습니다.
⚙️ I worked on the configure section.

🔍 브랜치에서는 이름으로 검색 기능을 업데이트하고, 테이블 헤더도 모두 수정했습니다.
🔍 For the branches, I updated the search by name and the table headers.

🔠 모두 대문자로 변경했으며, 설정 섹션 또는 브랜치 내부는 피그마 디자인처럼 구성했습니다.
🔠 I made them all uppercase, just like in the Figma design.

🏢 회사 정보 및 계정, 그리고 과정 및 도서 관련 ETC 섹션도 동일하게 수정했습니다.
🏢 I also updated the company account section, and the ETC for courses and books.

📋 이 화면은 회사 섹션입니다.
📋 This one shows the company section.

📚 그리고 이건 ETC 섹션입니다.
📚 And this is for the ETC.

📊 대시보드 레이아웃도 피그마와 동일하게 수정했습니다.
📊 I also updated the dashboard layout to match the Figma design.

📈 대시보드에는 '활동 추세'가 전체 열을 차지하며, 3개의 열이 나란히 위치하고, 오른쪽에는 2개의 열이 있습니다.
📈 The dashboard now includes the 'Activity Trends' spanning the full column, 3 columns in the middle, and 2 on the side.

⭐ 학생 평점(레벨별)이 연도별 학생보다 더 넓은 영역을 차지합니다.
⭐ The 'Student Ratings by Level' section spans more space than the 'Students by Year Level'.

✏️ 여기는 제가 수정한 부분입니다.
✏️ This is the part I worked on.

📅 이것은 연간 활동 요약이며, 현재 상태의 활동 추세와 동일한 의미입니다.
📅 This is the yearly activity summary, which reflects the current activity trends.

3️⃣ 여기에는 총 3개의 열이 있습니다.
3️⃣ There are 3 columns here.

📐 가운데 열은 다른 열보다 넓게 설정했으며, 연간 학생 보고서 요약이 많은 데이터를 포함하기 때문에 더 크게 보이도록 조정했습니다.
📐 The center column is wider to accommodate the larger data table for the yearly student report summary.

🔄 따라서 해당 항목은 업데이트가 필요했습니다.
🔄 So that part needed to be updated.

🔃 페이지를 새로고침했습니다.
🔃 I just refreshed the page.

📋 나머지 항목들도 테이블 아래에 리스트되어 있으며, 피그마와 완전히 동일하게 보입니다.
📋 Other items are listed below the table and look exactly the same as the Figma design.

🙏 오늘 업데이트는 여기까지입니다. 감사합니다.
🙏 That’s all for today’s update. Thank you!

🛠 기술 요약 / Technical Summary
⚙️ 설정 섹션

브랜치 이름 검색 기능 업데이트

테이블 헤더를 대문자로 통일하여 피그마 디자인과 일치시킴

🏢 회사 및 ETC 섹션

레이아웃과 디자인을 피그마 UI에 맞게 정리

회사 계정, 과정, 도서 섹션 디자인 개선

📊 대시보드

피그마와 동일한 레이아웃으로 재구성

'활동 추세'가 전체 열을 차지하도록 조정

3열 + 2열 레이아웃 적용

'학생 평점(레벨별)' 섹션은 '연도별 학생' 섹션보다 넓은 공간 할당

연간 학생 보고서 요약 테이블이 더 큰 데이터를 포함하여 가운데 열 확장

전체 구성 요소와 레이아웃 일관성 검증 완료

📧 문의 및 피드백: uedu.dev@gmail.com
#Update #Dashboard #UIUpdate #FigmaDesign #WebDevelopment #Frontend #StudentReport #TechUpdate #CompanyDashboard #WsoftLabs

Видео UI Improvements Branch Search and Dashboard Layout Update канала W Soft Labs