미리보기
기본 정보
안녕하세요! 엉뚱하지만 신중한! 신입 개발자를 희망하는 윤경민입니다.
자기소개
안녕하세요. 신입 프론트엔드 개발자 윤경민입니다. 코딩온 X 포스코 KDT 웹 개발자 양성 프로젝트에 지원하여 3개월의 교육과정을 마쳤습니다. 국비지원 학원을 다니며 Javascript를 이용한 중고 사이트 만들기, React를 활용한 커뮤니티 사이트 만들기 프로젝트 등, 팀 프로젝트의 경험을 쌓았습니다. 또한 셀럽스타즈에서 5개월간 인턴생활을 하며 실무 경험을 쌓았습니다. Next.js를 사용하여 기존 셀럽스타즈 페이지를 리뉴얼 하여, 새로운 디자인과 추가적인 기능들을 만드는 프로젝트를 진행하였습니다. 저는 해야 할 일이 생기면 얼른 하려고 하는 성격이고, 남들보다 뒤처지는 것을 싫어하기 때문에 큰 노력을 들입니다. 앞으로 개발과 관련된 경험의 폭을 넓혀 좋은 개발자가 되겠습니다.
기술 스택
JavaScript, HTML/CSS, React, Next.js, Node.js, TypeScript, Sass, GitHub
경력
셀럽스타즈
인턴 | 프론트엔드 개발
2023.03. ~ 2023.08. (6개월)
(일반 서비스)
1. 전체적인 기능
- Swiper 라이브러리를 사용하여, 이미지 슬라이더 기능 구현.
- react-cropper 라이브러리를 사용하여, 이미지 크롭 기능 구현.
- Nav바에 다크/라이트모드 기능 구현.
2. 프로필 등록/수정 페이지
- 프로필의 배너 이미지, 이름, 메인 사진, 아티스트 정보, 보조 사진 등 아티스트에 대한 정보를 등록/수정할 수 있는 페이지 구현.
- 프로필의 공개 여부를 전체 공개, 기업 공개, 비공개 셋 중 하나로 설정 가능.
- 보조 사진의 개수는 최대 6개까지 등록 가능하도록 구현.
- 필수 값이 모두 입력되어야만, 프로필 등록/수정 버튼이 활성화되도록 구현.
3. 프로필 페이지
- 등록된 프로필의 배너 이미지, 이름, 메인 사진, 아티스트 정보, 보조 사진 등 아티스트에 대한 등록된 정보를 볼 수 있는 페이지 구현.
- 메인 사진/ 보조 사진을 클릭 시, 사진을 더 크게 볼 수 있도록, 모달로 보여줌.
- 본인일 경우, 해당 프로필을 수정할 수 있는 페이지로 이동 가능한 버튼 기능 구현.
- ReactToPrint 라이브러리를 사용하여, 프로필 정보 출력 기능 구현.
- 다른 사람의 프로필을 볼 때에는, 좋아요, 북마크, 메시지 플로팅 버튼 활성화.
4. 정보 페이지
- 특정 회원의 등록된 프로필/포트폴리오를 한눈에 볼 수 있는 페이지 구현.
- 등록된 프로필/포트폴리오가 없다면 프로필/포트폴리오 등록 페이지로 이동 가능한 버튼(본인일 경우) 구현.
- 프로필/포트폴리오 클릭 시, 해당 프로필/포트폴리오 페이지로 이동.
5. 검색 페이지
- 모든 회원의 등록된 프로필/포트폴리오/에이전시를 한눈에 볼 수 있는 페이지 구현.
- 로그인 되어있는 사람이 일반 회원일 경우, 기업 공개로 설정해둔 프로필/포트폴리오는 공개되지 않도록 구현.
- 로그인 되어있는 사람이 기업 회원일 경우, 비공개로 설정해둔 프로필/포트폴리오를 제외한 모든 프로필/포트폴리오가 보이도록 구현.
- 사진 클릭 시, 해당 프로필/포트폴리오 페이지로 이동.
6. 유저 페이지
- 사용자의 커뮤니티 정보(경력, 관심, 주제, 게시글 등)를 보여주는 페이지 구현.
- 본인의 유저 페이지일 경우에 수정할 수 있는 버튼 활성화.
7. 채팅 페이지
- 다른 사람과 채팅 할 수 있는 페이지.
(기업 서비스)
1. 회원가입 페이지
- 일반 회원 계정일 경우, 해당 계정을 기업 회원으로 전환할 건지 물어보는 페이지 구현.
- 필수 값을 다 입력해야 다음 페이지로 이동하는 버튼 활성화 기능 구현.
.- react-daum-postcode 라이브러리를 사용하여, 정확한 주소 입력 가능.
2. 대쉬보드 페이지
- 기업 회원의 메인 페이지.
- 본인이 등록한 캐스팅을 최신순으로 4개만 보여주는 기능 구현.
- 일반 회원들이 등록한 프로필을 볼 수 있는 기능 구현.
3. 캐스팅 등록/수정 페이지
- 캐스팅의 이미지, 카테고리, 제목, 날짜, 역할, 상세정보, 지도, 지원 알림 등 캐스팅에 대한 정보를 등록/수정할 수 있는 페이지 구현.
- 역할 추가 버튼을 클릭하여, 추가적인 역할 등록 가능.
- 필수 값이 모두 입력되어야만, 캐스팅 등록/수정 버튼이 활성화되도록 구현.
4. 캐스팅 리스트 페이지
- 본인이 등록한 캐스팅을 모두 볼 수 있는 페이지.
- 카테고리별, 시간순 필터링 기능 구현.
- 카테고리, 캐스팅 이름, 역할 이름 등 검색으로 캐스팅 검색 기능 구현.
- 톱니바퀴 아이콘 클릭 시, 해당 캐스팅 수정 페이지로 이동 가능.
5. 캐스팅 지원자 페이지
- 특정 캐스팅 역할에 지원한 사용자 목록을 확인할 수 있는 페이지.
- 지원자의 합격/불합격 여부를 볼 수 있고, 버튼을 통해 관리할 수 있는 기능 구현.
- ReactToPrint 라이브러리를 사용하여, 프로필 정보 출력 기능 구현.
6. 에이전시 등록/수정 페이지
- 에이전시의 배너 이미지, 메인 이미지, 이름, 소개, SNS, 정보, 문서 등 에이전시에 대한 정보를 등록/수정할 수 있는 페이지 구현.
- react-daum-postcode 라이브러리를 사용하여, 정확한 주소 입력 가능.
- 필수 값이 모두 입력되어야만, 에이전시 등록/수정 버튼이 활성화되도록 구현.
7. 에이전시 페이지.
- 등록된 에이전시의 배너 이미지, 메인 이미지, 이름, 소개, SNS, 정보, 문서 등 에이전시에 대한 등록된 정보를 볼 수 있는 페이지 구현.
- 업로드한 문서 클릭 시 다운로드 가능.
8. 아티스트 관리 페이지
- 아티스트 검색 버튼을 통해, 현재 등록된 아티스트들의 프로필을 볼 수 있음.
- 아티스트들을 체크한 후, 매핑하기 버튼을 클릭시, 해당 아티스트들에게 소속 제안 알림을 보냄.
9. 기업 정보 등록/수정 페이지
- 기업의 배너 이미지, 메인 이미지, 이름, 소개, 정보, 소개 페이지 등 기업에 대한 정보를 등록/수정할 수 있는 페이지 구현.
10. 기업 정보 페이지.
- 등록된 기업 정보의 배너 이미지, 메인 이미지, 이름, 소개, 정보, 소개 페이지 등 기업에 대한 등록된 정보를 볼 수 있는 페이지 구현.
- 업로드한 문서 클릭 시 다운로드 가능.
포트폴리오
첨부파일
교육
경민대학교
대학교(전문학사) | 세무회계과
2015.03. ~ 2020.02. | 졸업