Cotato 3

IT 연합 동아리 코테이토 활동 후기 (11기 ~ 12기)

2025년 3월부터 2026년 2월까지 코테이토 활동을 마치고리쿠르팅 시즌을 맞아 IT 연합 동아리 고민을 하시는 분들께 도움이 되길 바라며 이 글을 작성합니다! 1. 코테이토를 선택한 이유 3학년을 맞아 진로에 대한 고민을 시작하면서 처음으로 IT 연합 동아리 지원을 고민했는데,여러 동아리들이 있었지만 저는 코테이토만 지원했고, 코테이토에 한번에 합격을 하여 1년 동안 활동했던 케이스였습니다! 그만큼 코테이토는 오래 활동하기 좋은 동아리고, 정말 많은 걸 얻어갈 수 있는 활동입니다. 많은 동아리 중 코테이토를 선택했던 이유는 크게 두 가지가 있었는데요. 세션 시간에 CS 교육을 들을 수 있다여러 스터디가 열려서 배우고자 한다면 무엇이든 배울 수 있는 환경이 주어진다 다른 동아리들과는 다르게..

동아리 2026.02.23

@use-funnel로 복잡한 온보딩 흐름 제어하기 (feat. Zod)

복잡한 서비스일수록 회원가입, 비밀번호 찾기와 같은 '온보딩' 과정은 단순한 페이지 이동 이상의 복잡한 상태 관리를 요구하는데요,IT 연합 동아리 Cotato 리뉴얼 프로젝트에 참여하면서, 홈페이지 온보딩 프로세스를 작업하는 과정에서 토스의 @use-funnel을 이용하여 온보딩 로직을 작업한 과정을 공유합니다. 1. @use-funnel이 무엇인가요? @use-funnel은 복잡한 UI 흐름을 간편하게 구현할 수 있도록 도와주는 리액트 훅입니다. 사용자가 여러 단계를 거쳐 순서대로 입력해야 하는 UI 흐름을 가지는 프로세스를 구현하려면 각 단계별 상태와 히스토리를 관리해야 하는데, @use-funnel을 사용하면 이러한 흐름을 쉽게 구현할 수 있습니다. 1.1 3가지 개념 step : 사용자에게 ..

프론트엔드 2026.02.23

프로젝트 통합으로 생산성 높이기: Turborepo 도입 및 모노레포 마이그레이션 여정

안녕하세요, IT 연합 동아리 Cotato(코테이토) 리뉴얼 프로젝트 프론트엔드 개발로 참여 중인 김민아입니다. 저희 팀은 최근 코테이토 리뉴얼 프로젝트를 진행하며 큰 구조적 변화를 겪었습니다. 기존에는 메인 홈페이지(cotato.kr)와 리쿠르팅 페이지(recruit.cotato.kr)를 각각 독립적인 멀티 레포지토리로 관리할 계획이었습니다. 하지만 프로젝트가 진행될수록 두 서비스 사이의 강력한 연결 고리를 발견했고, 이를 효율적으로 관리하기 위해 pnpm + Turborepo 기반의 모노레포로 마이그레이션을 진행했습니다. 모노레포 전환을 고민 중인 다른 팀들에게 도움이 되길 바라며 기록을 공유합니다. 1. 도입 배경: 왜 모노레포여야 했나?코테이토의 웹 생태계는 크게 두 가지 도메인으로 나뉩니다.메..

프론트엔드 2026.02.22