FRONTEND DEVELOPER

<aside>

Contact.

Email. [email protected]

Phone. 010-2309-0094

</aside>

<aside>

Channel.

깃허브. https://github.com/JaeIn1

블로그. https://infree.tistory.com

링크드인. www.linkedin.com/in/jaein-a13b96331

</aside>

한 줄 소개

• 사용자 중심의 문제 해결을 좋아하며 더 나은 UI/UX를 고민하는 프론트엔드 개발자입니다.
• IT 연합동아리 '디프만' 활동을 통해 서비스 개발부터 런칭까지의 전 과정 경험했습니다.
• 원활한 의사소통과 협업을 중요하게 생각하며 함께 일하고 싶은 팀원이 되기 위해 노력하고 있습니다.
• 새롭게 학습한 내용을 팀원들과 공유하며 정리하는 것을 좋아하고, 이를 통해 프론트엔드 개발자로서 지속적으로 성장하고 있습니다.

경력 (2개월)

엔테크서비스

2025.07 ~ 2025.09 (2개월)

UIT개발팀

UI개발 인턴

네이버 플레이스 페이지 UI 역설계 코딩 및 코드리뷰

• 실제 네이버 플레이스 페이지를 기준으로 UI 구조 및 마크업 코드 역설계 및 재구현
• 디자인 단순화 및 불필요한 태그 최소화, 가상 요소 활용을 통한 효율적인 레이아웃 구현
• 시맨틱 마크업을 통한 구조적 코드 작성 및 웹 접근 고려
• 시각적 요소 대신 블라인드 텍스트를 활용하여 스크린리더 인식 개선
• float 기반 레이아웃과 박스 모델 학습을 통해 margin, padding, display의 동작 원리 심화 이해
• 코드리뷰를 통해 팀 내 UI 개발 표준 및 코드 컨벤션 이해

웹 표준(W3C) 및 접근성을 고려한 마크업 개발 학습

• HTML 유효성 검사(https://validator.w3.org/) 를 통한 표준 준수 및 구조적 오류 최소화
• 시맨틱 구조 준수를 위한 태그 사용 원칙 숙지 (ul-li, header 내 블록 제한 등)
• img 및 아이콘 요소에 의미 있는 alt 텍스트를 제공하고,스크린리더의 중복 읽기 방지 및 불필요한 정보 노출 최소화를 고려한 대체 텍스트 작성

Gulp 학습 및 스프라이트 이미지 학습

• SCSS 자동 컴파일 및 접두사 처리 자동화
• 이미지 최적화 및 빌드 자동화 환경 구성
• 스프라이트 이미지 기법 학습 및 SVG 등 최신 대체 방식 이해

팀 · 개인 사이드 프로젝트

Untitled

대외활동