안녕하세요

저는 프론트엔드 개발자

유여름 입니다

사용자들의 편의성을 고려한 웹사이트를 개발합니다

웹접근성, 웹표준을 준수하여 마크업을 작성합니다.

Proflie

유여름Proflie

안녕하세요, 성장 중인 신입 프론트엔드 개발자 유여름입니다.
열정과 성실함으로 지속적인 성장을 위해 늘 학습하고 있습니다 :)

함께 일하고 협업하는 기회를 소중히 여기며 연락 기다리고 있습니다.
더 많은 소통과 성장을 위해 이야기 나누고 싶습니다. 언제든 연락주세요!

교육

  • 식음료조리계열 - 식음료조리과 전공

    • 영남이공대학교(졸업)
    • 2014.03 ~ 2016.11

  • 웹퍼블리셔, 프론트엔드 개발과정

    • 더조은컴퓨터아트학원
    • 2023.02 ~ 2023.07

기술 스택

  • Language

    • JavaScript
    • jQuery

  • Framework/Library

    • Vue
    • React
    • NodeJs
    • Express

  • MarkUp

    • HTML5
    • CSS
    • SCSS

  • Database

    • MongoDB

  • Tool

    • Github

Portfolio

click!

부여문화재야행

해당 포트폴리오 주소 :
https://portfolio-buyeo.du.r.appspot.com/
  • 작업소요기간 : 2주
  • Github :https://github.com/summerryu/buyeo
  • 부여문화재야행 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다
  • 이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.
  • 또한, 부여문화재야행 공식 홈페이지에서 제공하는 기능들을 고려하여 유사한 기능을 구현하였습니다.
  • 22개의 뷰(views) 파일과 18개의 CSS 파일로 구성됩니다.
  • Express, MongoDB, Passport 등 라이브러리 사용합니다.
  • 사용 언어: HTML5, 바닐라 JavaScript를 사용합니다.
  • 서버 측 템플릿 엔진으로 EJS를 사용합니다.

부여문화재야행은 회원가입과 게시판 기능을 구현하며, SCSS 파일로 페이지 스타일과 레이아웃을 조정합니다. Express와 MongoDB를 사용하여 서버와 데이터베이스를 연결하고, EJS를 통해 동적인 페이지를 생성하고 데이터를 표시합니다.

또한, 부여문화재야행은 반응형으로 설계되어 있어 태블릿 버전과 모바일 버전에서도 사용할 수 있습니다.

click!

복나비 한복

해당 포트폴리오 주소 :
https://portfolio-boknabi.du.r.appspot.com/
  • 작업소요기간 : 2주
  • Github :https://github.com/summerryu/summers
  • 복나비 소성희 한복 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다
  • 이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.
  • 서브페이지의 디자인과 메뉴 등 세부 디자인을 조정하였으며, 게시판 기능을 추가하여 예약 시스템을 좀 더 편하게 이용할 수 있는 기능을 구현하였습니다.
  • 15개의 뷰(views) 파일과 15개의 CSS 파일로 구성됩니다.
  • Express, MongoDB 등 라이브러리 사용합니다.
  • 사용 언어: HTML5, 바닐라 JavaScript, 제이쿼리를 사용합니다.
  • 서버 측 템플릿 엔진으로 EJS를 사용합니다.

복나비 한복은 게시판 기능을 넣은 예약게시판 구현되어있습니다. SCSS 파일로 페이지 스타일과 레이아웃을 조정합니다. Express와 MongoDB를 사용하여 서버와 데이터베이스를 연결하고, EJS를 통해 동적인 페이지를 생성하고 데이터를 표시합니다.

또한, 복나비 한복은 반응형으로 설계되어 있어 태블릿 버전과 모바일 버전에서도 사용할 수 있습니다.

click!

문화재청 경복궁

해당 포트폴리오 주소 :
https://portfolio-gyeongbokgung.du.r.appspot.com
  • 작업소요기간 : 2주
  • Github :https://github.com/summerryu/bokbok
  • 문화재청 경복궁 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다
  • 이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.
  • 주요 수정사항으로는 서브페이지의 디자인과 메뉴 등 세부 디자인을 조정하였으며, 탭메뉴 형식을 이용하여 서브페이지 화면전환을 구현했습니다.
  • 10개의 뷰(views) 파일과 11개의 CSS 파일로 구성됩니다.
  • Express, MongoDB 등 라이브러리 사용합니다.
  • 사용 언어: HTML5, 바닐라 JavaScript를 사용합니다.
  • 서버 측 템플릿 엔진으로 EJS를 사용합니다.

문화재청은 게시판 기능을 구현하며, SCSS 파일로 페이지 스타일과 레이아웃을 조정합니다. Express와 MongoDB를 사용하여 서버와 데이터베이스를 연결하고, EJS를 통해 동적인 페이지를 생성하고 데이터를 표시합니다.

각 컨트롤러별로 페이지가 구축되어 있고, 컨트롤러 별 서브페이지는 탭 메뉴 형식으로 구현되어 있습니다.

click!

아재입맛 테스트

해당 포트폴리오 주소 :
https://testform-food.du.r.appspot.com
  • 작업소요기간 : 2일
  • Github :https://github.com/summerryu/testform
  • 이 사이트는checked값을 이용한 스크립트로 제작되었습니다.
  • 이 포트폴리오 웹사이트는 직접 디자인을 구상하였습니다. sns상 유명한 테스트 설문지를 참고하였습니다. js를 이용하여 데이터를 세팅하였고. 체크 결과값에 따라 마지막 결과화면이 다르게 출력됩니다.
  • 2개의 뷰(views) 파일과 2개의 CSS 파일로 구성됩니다.
  • Express 라이브러리 사용합니다.
  • 사용 언어: HTML5, 바닐라 JavaScript를 사용합니다.
  • 서버 측 템플릿 엔진으로 EJS를 사용합니다.

아재입맛 테스트폼은 세팅된 데이터를 기반으로 js가 구현되며, SCSS 파일로 페이지 스타일과 레이아웃을 조정합니다. Express를 사용하여 서버를 연결하였습니다. js내에서 데이터값을 수정하면 다른 유형의 테스트로도 활용 할 수 있습니다.

메인 페이지와 테스트폼 페이지 2개의 ejs view 파일로 구성 되어있습니다.

Portfolio

부여문화재야행

포트폴리오 주소 :
https://portfolio-buyeo.du.r.appspot.com/

Github 주소 :
https://github.com/summerryu/buyeo

부여문화재야행 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다

Skil
HTML5 , JavaScript , CSS , Express, MongoDB , Passport

이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.

또한, 부여문화재야행 공식 홈페이지에서 제공하는 기능들을 고려하여 유사한 기능을 구현하였습니다.

복나비 한복

포트폴리오 주소 :
https://portfolio-boknabi.du.r.appspot.com/

Github 주소 :
https://github.com/summerryu/summers

부여문화재야행 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다

Skil
HTML5 , JavaScript , CSS , Express, MongoDB , Passport

이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.

또한, 부여문화재야행 공식 홈페이지에서 제공하는 기능들을 고려하여 유사한 기능을 구현하였습니다.

문화재청 경복궁

포트폴리오 주소 :
https://portfolio-gyeongbokgung.du.r.appspot.com

Github 주소 :
https://github.com/summerryu/bokbok

부여문화재야행 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다

Skil
HTML5 , JavaScript , CSS , Express, MongoDB , Passport

이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.

또한, 부여문화재야행 공식 홈페이지에서 제공하는 기능들을 고려하여 유사한 기능을 구현하였습니다.

아재입맛 테스트

포트폴리오 주소 :
https://testform-food.du.r.appspot.com

Github 주소 :
https://github.com/summerryu/testform

부여문화재야행 공식 홈페이지의 디자인, 기능 및 콘텐츠를 참고하여 제작되었습니다

Skil
HTML5 , JavaScript , CSS , Express, MongoDB , Passport

이 포트폴리오 웹사이트는 벤치마킹을 통해 원본 사이트의 디자인 요소, 레이아웃, 색상 선택, 그래픽 및 이미지 사용 등을 참고하였습니다.

또한, 부여문화재야행 공식 홈페이지에서 제공하는 기능들을 고려하여 유사한 기능을 구현하였습니다.