🎂 Born on : 2007.09.19 📞 Tel : +82-10-5653-3823 ✉️ E-mail : [email protected]
<aside> 💡
사색가 몰입하는 신중한
언제나 코드 품질 개선을 위해 공부하며, 효율적인 폴더 구조를 깊이 고민합니다. 동료와 사용자의 작은 한마디도 그냥 지나치지 않고 깊이 생각하며, 내 의견을 더해 논의합니다.
</aside>
<aside> 📎
주춧돌 책임감 있는 규칙적인
맡은 책임은 어떤 상황에서도 반드시 완수합니다.
**규칙(코드 컨벤션)**과 **순서(커밋)**를 철저히 지키는 것을 중요하게 생각합니다.
</aside>
<aside> ♻️
카멜레온 겸손한 잘 적응하는
협업 속에서 동료들에게 배운 것을 내 것으로 만들어 성장합니다. 분위기에 적응하고 주변 사람들과 조화를 이루며, 코드 스타일도 맞춰갑니다.
</aside>
부산SW마이스터 고등학교 입학 전형 시스템 2024.04.21 ~ 관리 중
https://github.com/bamdoliro/marururu
https://github.com/bamdoliro/maruruuu
Next.js, styled-components, recoil, axios, react-query, TypeScript, turborepo
<aside>
마루는 부산소프트웨어마이스터고등학교의 새로운 입학전형 플랫폼입니다.
이 플랫폼은 입학 과정에서 지원하는 학생과 담당 선생님 모두에게 더욱 편리한 환경을 제공하는 것을 목표로 개발되었습니다.
학생들은 부산소프트웨어마이스터고등학교에 입학 원서를 통해 지원할 수 있고, 성적 모의 계산, 입학 설명회 일정 조회 및 신청, 각종 게시글 조회, 입학 등록 절차 등의 기능을 이용할 수 있습니다.
선생님들은 학생 원서 관리, 단체 메시지 발송, 각종 게시글 작성, 입학 지원자 분석 데이터 제공 등의 기능을 통해 업무를 보다 원활하게 진행할 수 있습니다.
2024년부터 사용하여 앞으로 계속해서 사용할 예정입니다.
</aside>
<aside>
공지사항 페이지에서는 사용자가 파일이 포함된 공지사항을 생성, 조회, 수정, 삭제 할 수 있습니다.
공지사항 게시물(리스트) 조회
.png)
공지사항 파일 업로드 모달
공지사항 게시물 상세 조회
공지사항 게시물 생성
Recoil을 활용하여 업로드할 파일과 업로드된 파일의 상태를 전역적으로 관리.react-query의 useMutation을 활용해 파일 업로드 로직을 최적화하고, 성공/실패 핸들링을 체계적으로 구현.Promise.all을 활용해 여러 개의 파일을 병렬 업로드하여 성능 최적화.<aside>
입학전형 설명회 관리 페이지에서는 사용자가 상태에 따른 입학설명회를 조회 할 수 있고 해당 입학설명회 신청자를 조회 할 수 있습니다.
입학전형 설명회 관리 - 진행 중인 신청
입학전형 설명회 상세 조회(신청자 명단)
입학전형 설명회 관리 - 마감된 신청
입학전형 설명회 상세 조회 질문 모달
FAIR_TAP_STATUS 객체 상수로 5개의 status를 두 가지 상태로 맵핑.<aside>
원서 관리 페이지에서는 사용자가 학생들의 원서를 조회 및 상태를 관리 할 수 있습니다.
.png)
원서 관리 - 학생 리스트 조회
원서 관리 - 학생 상세 조회(지원자 정보)
educationData 객체를 받아, 8개 항목(졸업 구분, 학교명, 졸업년도 등)을 2열 그리드로 DataBox 컴포넌트를 통해 반복 렌더링.<aside>
</aside>