Galaxy

기간

2022.10 ~ 2 주(실작업 및 검수 1 주 + 기획팀 및 디자인팀 피드백 반영 1 주)

성과

• 스크롤에 반응하는 UI 동작을 위한 Javascript 작업
• Slick 플러그인 활용
• 시멘틱 마크업 작업
• 반응형 디자인 적용
• SEO 향상을 위한 Metadata 및 소셜미디어 opengraph 이미지 적용
• Figma 를 활용한 기획팀 및 디자인팀 협업

역할

마크업 및 UI 개발

기술

Javascript, Typescript, Slick, SCSS

기간

2022.07 ~ 3 주 / 실작업 및 디바이스테스트 2 주 + 기획팀 및 디자인팀 피드백 반영 및 코드리뷰 1 주

성과

• 브라우저 진입 시 랜덤 한 위치(getBoundingClientRect() 웹 API 사용) 및 시간(Math.random() 웹 API 사용)에 흑토끼 아이콘 노출 UI & FE 설계 및 구현
• 흑토끼 아이콘 수집 상태 체크 로직 설계 및 구현
• 1. API 호출 로직
• * GET: 게임 유저별 아이콘 수집 상태 확인
• * POST: 아이콘 수집 카운트 증가
• 2. 제약 조건
• * 하루에 수집 가능핚 아이콘 개수: 3 개
• * 이벤트 기간 동안 총 수집 가능한 아이콘 개수: 50 개
• 3. 기능 요구 사항
• * 아이콘 수집 상태에 따라 조건 분기
• * 케이스별 가이드 문구 출력 (ex: ‘1/3 수집하였습니다
• 하루수집개수를 충족하였습니다’ 등)
• 백엔드에서 제공하는 에러코드에 대응한 에러핸들링 작업

역할

FE 개발

기술

Javascript, Typescript, SCSS

기간

2022.01 ~ 1달 / 실작업 및 기능 디바이스 테스트 3 주 + 코드리뷰 반영 1 주

성과

• 사내 제공 운영툴을 사용한 스키마 생성 및 데이터 연동
• 각 게임 IP 별 공통배너 기능을 위해 javascript 클래스 객체 생성을 활용한 코드 설계 및 구현
• Date() 함수를 활용한 공통배너 예약설정 기능 구현
• Jest를 활용한 컴포넌트 테스트 및 사용 가이드 문서 작성

역할

FE 개발

기술

Javascript, Typescript, SCSS

기간

2021.03 ~ 2024.06(상시)

성과

• Spring 기반 RWD 유지보수
• Static 소스 유지보수
• 엔씨소프트 자체 운영툴 활용 및 연동하여 유지보수
• Thymeleaf(타임리프) 문법 활용
• 디자인시스템가이드 회의 참여 및 가이드 작성
• 공통 다크모드 IP 별 적용
• 브랜드웹 페이지 UI 설계 및 구현
• SEO 향상을 위한 Metadata 및 소셜미디어 opengraph 이미지 적용
• 다국어(i18n) 적용
• Figma를 통한 기획팀, 디자인팀과의 협업
• Git을 통한 FE, BE 협업
• Jira를 통한 작업 스케줄 관리

역할

UI 및 FE 개발

기술

Javascript, Typescript, React, SCSS, Thymeleaf