1년차 프론트엔드 개발자의 성장 회고: 풀스택을 향한 여정
by DD
4개월 전
조회수 8
1년간의 프론트엔드 개발 경험을 회고하며, 풀스택 개발자로의 성장을 목표로 함
Next.js, TypeScript, Tanstack Query, Zod 등 프론트엔드 기술 스택을 활용하여 다양한 서비스 개발에 참여
KPT 회고를 통해 기술적 부족함과 개선점을 파악하고, AI 활용 및 코드 리뷰를 통해 생산성 향상
오핀 서비스 개발을 통해 비즈니스 관점을 습득하고, 신규 기술 학습의 중요성을 강조
1년차 개발자의 기술 스택 활용
본문에서는 Next.js, TypeScript, Tanstack Query, Zod 등 프론트엔드 기술 스택(Frontend Tech Stack)을 활용하여 다양한 서비스 개발에 참여한 경험을 공유한다.
Next.js: 이미지 컴포넌트(Image Component) 화질 개선, 네이버 웨일(Naver Whale) 크로스 브라우징(Cross-browsing) 이슈 해결
Zod: 폼 스키마(Form Schema) 관리를 위한 zod 메서드 refine 활용
Playwright: E2E 테스트(End-to-End Test) 코드 작성 및 설정 파일(Config File) 작성
이처럼, 최신 기술을 적극적으로 도입하고, 문제 해결에 활용하는 능력을 보여준다.
KPT 회고를 통한 성장
글쓴이는 KPT 회고(KPT Retrospective)를 통해 지난 1년간의 경험을 돌아보고, 개선점을 도출했다.
KEEP: '1인분' 평가를 받으며, 맡은 업무를 잘 수행하고, 더 나은 서비스를 만들기 위해 노력
PROBLEM: 새로운 기술 학습에 대한 막연한 불안감(Anxiety)과 기술 설명에 대한 자신감 부족
TRY: 직접 코드를 작성하고, 기술의 본질(Essence of Technology)을 깊이 있게 이해하려는 노력
KPT 회고는 지속적인 성장을 위한 효과적인 방법론이며, 문제점을 파악하고 개선하려는 의지가 돋보인다.
풀스택 개발자(Full-stack Developer)로의 확장
저자는 프론트엔드 개발 경험을 바탕으로 풀스택 개발자로의 성장을 목표로 하며, 관련 기술 스택 학습을 진행하고 있다.
NestJS, Drizzle ORM, PostgreSQL: 풀스택 템플릿 스택(Full-stack Template Stack) 학습
API 구조 리팩토링(Refactoring): 도메인(Domain) 하위에 hook, schema, fixture, queryFn 파일 분리
CI/CD 세팅: workflow.yaml, Dockerfile 등 CI/CD 설정(CI/CD Configuration)
풀스택 개발은 프론트엔드와 백엔드 기술을 모두 이해하고, 서비스 전반을 아우르는 능력을 요구한다.
협업 능력 향상
글쓴이는 타 직군과의 소통을 통해 더 나은 서비스를 만들고, 긍정적인 관계를 형성하기 위해 노력했다.
타 직군과의 소통: 공통 목표(Common Goal)를 공유하고, 상세한 설명과 명확한 소통을 통해 오해를 줄임
업무 방식 개선: 스프린트(Sprint) 건과 QA 건 분리를 통해 효율적인 업무 프로세스 구축
동료와의 관계 개선: 공통 목표를 다지며 관계 개선
결과적으로, 협업 능력은 개발 생산성을 높이고, 서비스 품질을 향상시키는 데 중요한 역할을 한다.
오핀(O-PIN) 서비스 개발 경험
저자는 오핀(O-PIN) 서비스 개발에 참여하며, 서비스에 대한 애정을 키우고, 비즈니스 관점을 습득했다.
오핀 어드민 개발: 모노레포(Monorepo) 환경 구축 및 배포 경험
서비스 용어 및 정책 학습: 정율제, 일할 수수료, 선취, 후취 등 서비스 용어와 정책 학습
오핀 연동 가이드 문서 작성: Git Book으로 작성하고, 시퀀스 다이어그램(Sequence Diagram) 활용
오핀 서비스 개발 경험은 개발자의 성장과 서비스 품질 향상에 기여한다.
