채용공고 올리기

윤경민님을 응원해보세요!

지금 만족하고 있어요
목표 지향적
효율적
커뮤니케이션
열정적
적응력

미리보기

기본 정보

이름
윤경민
직업
프론트엔드 개발자
간단 소개

안녕하세요! 엉뚱하지만 신중한! 신입 개발자를 희망하는 윤경민입니다.

자기소개

자기소개

안녕하세요. 신입 프론트엔드 개발자 윤경민입니다. 코딩온 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. 기업 정보 페이지.

- 등록된 기업 정보의 배너 이미지, 메인 이미지, 이름, 소개, 정보, 소개 페이지 등 기업에 대한 등록된 정보를 볼 수 있는 페이지 구현.

- 업로드한 문서 클릭 시 다운로드 가능.

포트폴리오

URL

link

VELOG

URL 링크
link

GITHUB

깃허브

교육

소속/기관명

경민대학교

종류 | 전공

대학교(전문학사) | 세무회계과

재학 기간 | 재학 상태

2015.03. ~ 2020.02. | 졸업

댓글