와이즈스톤에서 6개월 동안 SKM 1팀의 연구원으로 활동하였습니다. 테이블링 앱/웹 검증을 진행하였습니다.

테이블링 인트로/홈 담당 검증을 마치고, 사장님보드 웹겁증을 진행 했습니다.

핑크숍은 Figma 기반의 디자인을 정교하게 구현하며 퍼블리셔 역량을 강화하는 데 중점을 두었습니다. 반응형 레이아웃과 시맨틱 HTML, CSS 모듈을 활용해 UI를 완성했고 퍼블리싱 작업을 진행했습니다.

Figma의 디자인 시스템을 코드로 구현하는 과정에서 디자인 퀄리티를 유지하면서도 성능을 최적화하는 경험을 쌓았습니다. 이를 통해 퍼블리셔로서의 세부적인 기술 능력과 발전시켰습니다.

InteractUI는 Next.js와 TypeScript로 개발된 UI 경험 중심의 웹사이트로 정적인 페이지가 아닌, 동적인 인터랙션을 통해 직관적이고 몰입감 있는 사용자 경험을 제공합니다.

사용자가 한 번도 경험해보지 못한 인터페이스를 목표로 합니다. 새로운 UI/UX 디자인을 실험하며, 혁신적인 인터랙션과 시각적 요소를 통해 사용자의 재미를 느낄 수 있게 목표 했습니다.

웨딩러리는 웨딩관련팁, 계획, 영상을 통해 제공하여 방문자들이 웨딩을 더 효율적으로 준비할 수 있도록 도움을 줄 수 있는 사이트 입니다.

UX/UI를 디자인을 논의하기 위해 Figma를 활용했으며, Java, swiper.js, Html5/Css3 이용하여 UI 개발을 진행했습니다.

개인 프로젝트로 리럭스 홈페이지는 명품 소개 사이트이고, 명품에 조금 더 관심을 줄 수 있는 사이트 입니다.

UX/UI를 디자인을 논의하기 위해 Figma를 활용했으며, Java, swiper.js, Html5/Css3 이용하여 UI 개발을 진행했습니다.

개인 프로젝트로 HtmlStudy는 HTML과 CSS에 대한 소개를 제공하는 React 기반 웹 페이지입니다.

이 사이트는 웹 개발을 처음 접하는 사람들에게 HTML과 CSS의 기초 개념과 사용 방법을 쉽게 설명하고, 예제를 통해 더 깊이 이해할 수 있도록 돕는 것이 목표입니다

TM 미디어 퍼블리싱은 HTML, CSS, JavaScript를 활용하여 사용자 친화적이고 기능적인 웹페이지를 제작했습니다.

반응형 디자인을 통해 다양한 디바이스 환경에서도 최적의 사용자 경험을 제공합니다.

Next.js 기반으로 개발한 갤러리 홈페이지 미니 프로젝트입니다.
HTML5, CSS3, TypeScript, Unsplash API를 활용해 동적 이미지 로딩과 반응형 레이아웃을 구현했습니다.

사용자 경험(UX)을 고려한 디자인으로 다양한 디바이스 환경에서도 최적의 성능을 제공합니다.

개인 프로젝트로 카카오톡 클론코딩 코코아톡 홈페이지 입니다.
프로젝트 진행이유는 시멘틱하게 코드작성 하기 위함이였습니다.

전체적으로 모바일 기반으로 웹을 제작하게 되었고 모바일 기반으로 만들었기 때문에 반응형 개발할때 매우 편리했습니다.

이 프로젝트는 Postman을 통해 로스트아크 OpenAPI에서 데이터를 가져와 JSON 형식으로 가공한 후 React를 활용하여 이 데이터를 웹페이지에 표시합니다.

이 프로젝트는 모바일 웹 형식으로 제작되어 있어 사용자들은 휴대폰이나 브라우저를 통해 언제 어디서나 손쉽게 접근할 수 있습니다.
반응형 작업이 필요 없으므로 모바일 환경에서 완벽하게 작동합니다.

GPT API를 이용해 감정 있는 말투로 대화하고, 원하는 이미지 이름을 입력하면 해당 이미지를 확인할 수 있는 혁신적인 홈페이지를 만들었습니다.

React, HTML, CSS를 사용하여 이 웹 애플리케이션을 개발했으며, 이를 통해 사용자에게 더욱 생동감 있고 직관적인 상호작용 경험을 제공합니다.

매 페이지마다 편안한 눈을 위한 색상을 고려했습니다. 사이트에서는 개인 프로필, 사용 기술, 경력, 프로젝트 경험 등을 소개하고 있습니다.

각 프로젝트에서 사용한 기술 스택과 개발 기간, 개발 내용 등을 자세히 기술하고 있어 웹개발의 경험과 퍼블리싱 실력을 한눈에 확인할 수 있습니다.