안녕하세요!
저는 견고한 UI와
무결점 코드를 작성하는
ENTJ 웹 퍼블리셔입니다✌

이 포트폴리오의 주인인 은영환의 증명사진 입니다.
이력서 보기

안녕하세요! 4년 차 웹 퍼블리셔 은영환입니다.😁

모듈 단위의 유지보수에 최적화된 퍼블리싱에 관심이 많습니다.
실제 사용하는 사용자의 입장에서 생각하는 걸 좋아해서 지속해서 재고하고 제고합니다.

사용자의 기억에 남도록 웹 페이지를 퍼블리싱 하는 걸 좋아합니다.
좋아하니까 즐기게 되고, 더 잘하고 싶어집니다.
그래서 여가를 할애하여 디자인 트렌드와 더 깊은 개발 언어를 학습합니다.

순도 90% ENTJ로써 강한 성취욕과 명예욕이 있습니다.
따라서 현재 제 실력에 안주하지 않고 더 나은 웹 퍼블리셔
더 나아가 웹 프론트엔드 개발자가 되기 위해 노력합니다.

제가 제일
잘하는 일을
소개합니다 👏

  • UI Development

    웹 퍼블리싱을 빠삭하게 이해하며 잘 다룹니다.
    유지보수를 고려한 코드 작성, 협업을 위한 가이드 제작 등 탄탄한 업무 프로세스를 지향합니다.

  • Markup

    웹 표준을 바탕으로 꼼꼼한 시멘틱 마크업을 작성합니다.
    검색 엔진 최적화(SEO)를 통해 더 많은 사용자에게 접근할 수 있도록 합니다.

  • Co-work

    디자이너, 개발자와 가깝게 일하며, 항상 원활한 협업을 끌어내려고 노력합니다.
    의도를 이해하고 존중하며 ‘함께' 좋은 결과물을 만듭니다.

  • Up Skills

    코드를 잘 그려내기 위해 계속 공부 중!
    SCSS, SVN, Figma 등 생산성과 협업을 위한 지식을 배우고 적용하며 공유합니다.

  • For Users

    다양한 직군과 함께 사용자 입장에서 생각하고 고민하는 걸 좋아합니다.
    반응형, 인터랙션 등 사용자에게 편하고 즐거운 UX를 만드는 데 관심이 많습니다.

한국공학대학교 방학 프로젝트인 메이트메이트 서비스의 캡쳐 이미지 본입니다.

더 나은
기숙사 생활을 위해!
MATEMATE! 🙌

한국공학대학교 방학 프로젝트 - 메이트메이트

기숙사 생활은 대학생들이 새로운 환경에서 관계를 형성하고 적응하는 중요한 공간입니다. 하지만 랜덤 배정이나 지인 추천에 의존하는 기존의 룸메이트 배정 방식은 생활 습관 차이로 인한 갈등을 자주 초래했습니다. 이 프로젝트는 학생들이 자신의 성향과 생활 습관에 맞는 룸메이트를 선택할 수 있는 디지털 솔루션을 제공함으로써, 더 편안하고 조화로운 기숙사 생활 환경을 조성하는 데 목표를 두고 있습니다.

  • 기획 90%
  • 디자인 30%
  • 퍼블리싱 100%
  • HTML
  • SCSS
  • Javascript
  • Figma
한국공학대학교 방학 프로젝트인 공팅 서비스의 캡쳐 이미지 본입니다.

인증된
가까운 사람들과!
너랑 나랑 공팅! 🙌

한국공학대학교 방학 프로젝트 - 공팅

블라인드 매칭 웹 서비스 개발 프로젝트 공팅은 학생들 간의 교류를 촉진하고, 코로나19 팬데믹으로 인한 사회적 고립감을 해소하기 위해 시작되었습니다. 이 서비스는 사용자의 성향과 관심사를 기반으로 새로운 만남을 지원하며, 학생들이 학교 내에서 보다 쉽게 인맥을 형성하고 소속감을 느낄 수 있도록 돕는 것을 목표로 하고 있습니다.

  • 디자인 50%
  • 퍼블리싱 100%
  • HTML
  • SCSS
  • Javascript
  • Figma
  • Adobe Photoshop
  • Adobe Illustrator

제 모든 걸
소개합니다 👏

  • 경력5년차

    • (주)제이콥시스템2019.06~2019.12
      개발팀 / 학습근로자
    • 조앤소프트(주)2019.12~
      UI/UX팀 / 주임

  • 학력

    • 서울장안중학교
    • 서울디지텍고등학교
    • 한국공학대학교(4.45/4.50)

  • 자격증

    • 기업현장교사 3급2024.12
    • 컴퓨터활용능력 1급 (필기)2024.05
    • 정보처리기사 (필기)2023.08
    • NCS SW 개발_L52022.12
    • NCA2022.03
    • 운전면허 2종 보통2021.03
    • 정보처리산업기사2020.09
    • 정보처리기능사2019.12
    • 웹디자인기능사2019.04

  • 공모전 수상내역

    • 2023 일학습병행 우수사례 경진대회 대상2023.09
    • 2022 메이커톤「지구(EARTH)」 우수상2022.11
    • 한반도 체인지 메이커톤 우수상2021.01
    • 제5회 G AI & IoT 메이커톤 최우수상2020.11
    • 2020 명동 루프탑 캐릭터 메이커톤 대상2020.10
    • 제6회 신한 29초 영화제 일반부 특별상2020.09
    • 모두의 메이커 학교 베스트팀워크 상2019.10
    • (주)탈환 제 3회 웰컴 투 메이커 월드 미래상2019.10
    • 그린 메이커톤 완성도 상2019.08

  • 대내활동

    • 한국공학대학교 컴퓨터전자공학과 (학과대표)2024.03 ~ 2025.02
    • 한국공학대학교 일학습병행학부 학생회 T.U(학회장)2023.04 ~ 2024.02
    • 한국공학대학교 컴퓨터전자공학과 (3학년 학과대표)2023.03 ~ 2023.04
    • 서울디지텍고등학교 3학년 부반장2020.03 ~ 2020.08
    • 서울디지텍고등학교 자기 계발 동아리 MC(회장)2019.09 ~ 2021.01
    • 서울디지텍고등학교 진로 멘토2018.10 ~ 2021.03
    • 서울디지텍고등학교 홍보부2018.10 ~ 2021.03
    • 서울디지텍고등학교 선도부2018.09 ~ 2021.03
    • 서울디지텍고등학교 오케스트라(회장)2018.03 ~ 2021.03
    • 서울디지텍고등학교 웹디자인 동아리 MOD(회장)2018.03 ~ 2019.04
    • 서울디지텍고등학교 1학년 부반장2018.03 ~ 2018.08
    • 서울장안중학교 학생회 (홍보부장)2017.03 ~ 2017.12
    • 서울장안중학교 3학년 반장2017.03 ~ 2017.08

  • 대외활동

    • 청소년 연합 영상동아리 깜냥깜냥(회장)2019.11 ~ 2020.12
    • 학원일요휴무제 숙의 민주주의 공론화 시민참여단(고등학생 대표)2019.10 ~ 2019.10
    • 청소년 연합 자기 계발 동아리 MC(회장)2019.09 ~

더 나은 기숙사 생활을 위해! MATEMATE! 🙌

  • 모바일 기반 서비스
  • HTML과 타입립스, Firebase
성공사례 이미지 1
프로젝트 배경

기숙사 생활은 대학생들에게 낯선 환경 속에서 새로운 관계를 형성하는 중요한 공간입니다. 하지만 대부분의 룸메이트 배정이 랜덤으로 이루어지거나 지인 추천에 의존하고 있습니다. 이로 인해 생활 습관 차이로 인한 갈등이 빈번하게 발생하고 있습니다.

기존에는 이런 문제를 해결하거나 룸메이트를 선택할 수 있는 적합한 플랫폼이 없었고, 학생들은 이러한 상황을 받아들이는 것 외에는 별다른 선택지가 없었습니다. 학생들이 더 편안하고 조화로운 환경에서 생활할 수 있도록 새로운 디지털 솔루션이 필요했습니다.

프로젝트 목적

학생들이 자신의 생활 습관과 성향에 맞는 룸메이트를 선택할 수 있도록 플랫폼을 구축하는 것이었습니다. 사용자들이 자신의 성향, 생활 습관, 선호도를 기반으로 룸메이트를 매칭하여 기숙사 생활에서의 불편함을 줄이고, 긍정적인 경험을 제공하여 학생들이 학업과 개인 생활에 더 집중할 수 있도록 돕는 데 중점을 두었습니다. 나아가 긍정적인 공동체 문화를 형성하고, 학생들 간의 새로운 연결을 지원하는 디지털 도구로 자리 잡는 것을 목표로 하고 있습니다.

성공사례 이미지 2
UIUX 디자인

기존 룸메이트를 구하기위해 체크리스트 종이에 체크를해서 룸메이트를 구하거나 개인적으로 글을 올려 룸메이트를 찾는 방식을 사용했었습니다. 'MATEMATE'는 사용자 편의성을 극대화한 매칭 플랫폼으로, 간단히 본인 정보와 원하는 룸메이트 정보를 입력만하면, 자동으로 사용자의 조건에 맞는 룸메이트를 매칭해주도록 하였습니다. 사용자들이 슂게 사용할 수 있도록 UX를 설계했으며, 사용자 경험 향상을 위해 직관적이고 매력적인 UI를 구현했습니다. 매칭과정 및 결과는 기존방식보다 빠르고 간편하게 룸메이트를 찾을 수 있도록 하였습니다.

C2C 서비스를 위한 시스템이므로 사용자가 여러번 반복적으로 수정 및 확인할 수 있는 UX를 설계하여 사용의 편리함을 최우선으로 고려했습니다.

성공사례 이미지 3

인증된 가까운 사람들과! 너랑 나랑 공팅! 🙌

  • 모바일 기반 서비스
  • HTML5와 node.js, MySql
프로젝트 배경

코로나19 팬데믹은 전 세계적으로 사회적 상호작용의 방식을 급격히 변화시켰습니다. 정부의 사회적 거리두기 정책, 재택근무, 그리고 비대면 수업의 확산은 학생들 간의 물리적 상호작용 기회를 감소시켜, 우울증, 고립감, 그리고 소속감 결여와 같은 심리적 문제를 야기했습니다. 한국공학대학교 학생들 또한 예외는 아니었으며, 친구나 동료와의 만남 기회 부족으로 인해 사회적 고립감을 느끼는 경우가 많았습니다.

이러한 문제를 해결하고자, 학생들 간의 상호작용을 촉진하는 블라인드 매칭 웹 서비스를 개발하게 되었습니다. 이 서비스는 학생들이 자신의 프로필(예: MBTI, 취미, 특기)을 기반으로 적합한 상대를 추천받아 소통할 수 있는 환경을 제공합니다. 이를 통해 새로운 인맥을 형성하고, 사회적 고립감을 해소하며, 학교 내 소속감을 강화하는 것을 목표로 하고 있습니다.

프로젝트 목표

기술적 목표: 웹 서비스 개발 전반에 대한 실질적인 경험을 쌓고, 데이터 관리 및 보안 체계 구축을 통해 웹 개발 능력을 향상시키는 것이 주요 목표입니다.

사용자 목표: 서비스를 통해 500명의 사용자가 연결되고 소통할 수 있는 플랫폼으로 성장하는 것을 목표로 하며, 이를 위해 지속적인 피드백 반영과 기능 개선을 추진합니다.

매칭 알고리즘

매칭 알고리즘은 사용자 프로필과 선호 프로필을 비교하여 매칭 점수를 계산합니다. 성별, MBTI, 취미, 특기 항목의 일치 여부에 따라 점수를 부여하며, 점수가 높은 사용자끼리 매칭됩니다.

이를 통해 사용자는 자신의 성향에 맞는 상대와의 만남을 기대할 수 있습니다.

시스템 구현

프론트엔드
HTML, CSS, JavaScript를 활용해 사용자 인터페이스를 설계합니다. 사용자가 쉽게 정보를 입력하고 결과를 확인할 수 있도록 직관적인 화면을 제공합니다. 주 기능은 회원가입 및 로그인 화면, 프로필 작성 및 선호 프로필 설정 화면, 매칭 결과 확인 화면입니다.

백엔드
Node.js를 기반으로 서버 로직을 개발합니다. 주요 기능은 데이터베이스 연동, 인증 처리, 매칭 알고리즘 실행 등이 포함됩니다.

데이터베이스
MySQL을 활용하여 데이터 저장소를 설계 및 구현합니다. 데이터 무결성과 보안을 고려하여 데이터를 체계적으로 관리합니다.

API 설계: RESTful API를 통해 프론트엔드와 백엔드 간의 데이터 통신을 지원합니다. 주요 API는 사용자 등록 및 인증 API, 프로필 입력 및 조회 API, 매칭 결과 조회 API입니다.

기대 효과

사용자들이 자신의 성향에 맞는 사람들과 연결되며, 사회적 고립감을 해소할 수 있습니다.

기숙사 내 생활 만족도가 상승하며, 새로운 교류와 공동체 의식을 형성할 수 있습니다.

서비스 개발을 통해 웹 개발 기술 및 데이터베이스 관리 능력을 실질적으로 향상시킬 수 있습니다.