Skip to content

Latest commit

 

History

History
364 lines (250 loc) · 25 KB

about_backup.md

File metadata and controls

364 lines (250 loc) · 25 KB
layout author_profile toc toc_sticky toc_label sidebar
single
true
true
true
ABOUT
nav
sidebar-category
<style> :root { --base-color: #434C5D; --point-color: #ea703a; } body { color: #626262; } li { list-style-type: circle; } .profile_grid { /*display: flex;*/ /* border: solid 1px red; */ } .profile_img { /* float: right; */ display: inline-block; width: 225px; height: auto; margin-right: 15px; margin-top: 10px; /*border: solid 1px blue; */ vertical-align: top; } .profile { display: inline-block; /* padding-top: 5px; */ /*width: 50%;*/ /* float: right; */ /* border: solid 1px green; */ } .ico { height: 24px; display: inline-block; opacity: .8; border-radius: 5px; } .titleName { font-size: 32px; } </style>

이력서

김휘재
생년월일
2002.05.10
이메일
[email protected]
휴대전화
+82 10 3873 9607
최종학력
계원예술대학교 디지털미디어디자인과
전문학사 프로그래밍 세부전공 졸업 예정
희망 직군
프론트엔드 개발자
---

Hello, World!

성실함과 집념으로 디자인 부터 웹 개발의 지식까지 보유하고 있는 프론트엔드 개발자 김휘재 입니다.
HTML로부터 시작된 웹 개발에 대한 호기심과 집념은 끝내 풀스택 개발 쪽으로 시야가 확장되었습니다.
신뢰감 있고 성실한 활동을 보장합니다.

//: # (## Insight Keywords)

//: # (## Color System)

//: # (var(--base-color) )



교육(학력)

기간 학교명 구분 결과
2025.02 계원예술대학교 디지털미디어디자인과 전문학사 졸업 예정
2024.06 계원예술대학교 디지털미디어디자인과 전문학사 24-1학기 성적우수전액장학
2023.12 계원예술대학교 디지털미디어디자인과 전문학사 23-2학기 성적우수장학
2021.06 계원예술대학교 디지털미디어디자인과 전문학사 21-1학기 성적우수장학
2021.03 계원예술대학교 디지털미디어디자인과 전문학사 입학
2018.03 - 2021.02 선린인터넷고등학교 멀티미디어과(3년 개근) 졸업

자격/면허/병역

기간 내용 기관 구분
2021.09 - 2023.03 육군 제 1보병사단 병장 만기전역 국방부 병역
2021.01 1종 보통 운전면허 경찰청(운전면허시험관리단) 면허
2019.09 컴퓨터그래픽스운용기능사 한국산업인력공단 자격

수상/출품

기간 내용 기관 결과 비고
2024.07 제 30회 커뮤니케이션디자인국제공모전(3인) 일반/대학부 한국커뮤니케이션디자인협회 동상 팀장/웹개발(HTML/CSS/JS/GitHub)
2024.06 디지털미디어디자인과 교과목 우수작 프레젠테이션 1과목 출품 계원예술대학교 우수작PT 유니티프로그래밍(Unity C#/MegicaVoxel)
2023.12 디지털미디어디자인과 교과목 우수작 프레젠테이션 3과목 출품 계원예술대학교 우수작PT 콘텐츠디자인, 모션그래픽스, 웹퍼블리싱
(Ps/Ai/Figma/Ae/HTML/CSS/JS)
2022.08 대한민국 육군 군사공모전 <청년Dream국군드림> 뮤직비디오 부문 육군본부 우수 사단장표창 촬영/편집
2019.09 영상디자인공모전(광고부문 공동수상, 4인) 선린인터넷고등학교 동상 촬영/편집

기타

기간 내용 기관 구분/기여
2019.08 - 2019.11 교내 디자인봉사 동아리 디자인 툴 재능기부 활동 시립마포청소년센터 봉사/멘토(Ps/Ai)
2019.05 교내 디자인봉사 동아리 디자인 툴 재능기부 활동 동작청소년문화의집 봉사/멘토(Ps/Ai)

운용능력

Front-end.

  • HTML5

    • 웹 표준 준수, 의도하는 사이트의 영역에 대한 의미를 이해하고 적절한 태그를 사용하여 기반을 다질 수 있음
    • CDN을 이용한 라이브러리 Import

  • CSS3

    • HTML에서 작성된 코드에 대해 의도하는 스타일 적용, 애니메이션, 가상 클래스를 이용한 CSS 변수를 운용하여 유지보수에 이바지할 수 있음

  • Vanilla JavaScript

    • 기본 문법에 대한 이해, 동적 웹 페이지 구현, Typeit 라이브러리 운용 가능

  • Markdown

    • 여러 문법을 이용하여 텍스트를 작성할 수 있으며 이미지, 테이블, 코드 등을 작성
    • Markdown기반의 메모 플랫폼 Obsidian에서 활용

Tool & Back-end.

  • VSCode / WebStorm

    • 각 에디터의 특성을 알고 GitHub 리포지토리 clone
    • VSCode 확장 플러그인 운용(Live Preview, MongoDB, Thunder Client)

  • GitHub

    • 리포지토리를 생성하고 사이트 배포

  • Git

    • Github 리포지토리를 로컬 저장공간에 clone
    • 연결된 리포지토리에서 변경사항에 대하여 commit 및 push
    • 여러 기기에서 리포지토리를 관리하기 위한 git pull origin

  • Node.js

    • MongoDB와 연결하여 서버를 만들고 스키마 모델을 만들어 데이터베이스 연동 가능

  • npm

    • npm 초기화 및 모듈 관리 경험

  • MongoDB

    • Cluster, Collection, Document를 생성하고 관리 가능

Etc.

- Adobe Systems: 프론트엔드에서 활용 가능 - Figma: 디자이너와 협업 가능
  • Docker
    • 운용 경험, Synology NAS 내에서 Docker를 이용한 Minecraft Server 구축

프로젝트 경험

Title Description
프로젝트명 EATOPIA(잇토피아)
상세 계원예술대학교 졸업작품
유아기 아이들의 식습관 문제 개선을 위한 XR글래스 콘텐츠
기간 2024.09 ~ 2024.11
인원 기획2, 디자인3, 개발1
담당분야 실사 영상 촬영, 웹 사이트 구현
특이사항 졸업작품스튜디오(캡스톤디자인)에서 웹 개발 파트를 담당했으며 디자이너와 Figma를 통해 긴밀하게 협업하여 제작한 프로젝트
디자이너와 협업하여 스프라이트 이미지 제작 후 CSS Step Animation을 통해 움직이는 동작을 적은 리소스로 구현
CSS 가상클래스 사용으로 공통요소를 관리하여 정리 및 유지보수에 이바지
관련 링크 https://hwijaekim.github.io/eatopia2024

Title Description
프로젝트명 청사진(BLUEPRINT)
목적 학교 밖 청소년들의 미래를 준비하기 위한 솔루션
제 30회 커뮤니케이션디자인국제공모전 일반/대학부 출품
기간 2024.03 ~ 2024.06
인원 기획1, 디자인1, 개발1
담당분야 팀장 및 서비스 비디오 촬영,
웹 콘텐츠 소스 제작 및 HTML/CSS/JS를 이용한 웹 제작 및 GitHub 배포
특이사항 HTML/CSS/JS 세 가지를 동시에 이용하여 처음으로 제작한 웹 사이트
Typeit.js 라이브러리를 이용한 타이핑 애니메이션과 커서 구현
GitHub 리포지토리에 배포
observer와 CSS 애니메이션을 이용한 동적 웹 사이트 제작
관련 링크 https://hwijaekim.github.io/blueprint2024

Title Description
프로젝트명 JavaScript를 이용한 No CSS Club 미니게임
상세 전공과목 [자바스크립트프로그래밍] 프로젝트
시간 안에 영역 내 모든 CSS요소를 클리하여 제거하는 게임을 제작
기간 2024.05 ~ 2024.06
인원 개인
담당분야 게임 기획, 레이아웃 구성, CSS 스타일, 게임기능 구현
특이사항 CSS를 이용하여 Windows 98 스타일의 화면 레이아웃을 구성 및 커서 모양 변경
JavaScript를 중심으로 클릭된 element의 클래스를 제거하는 기능을 구현
setTimeout, setInterval을 사용하여 게임 시작 전, 남은 시간, 클리어 후 각각의 카운트와 효과음 구현
localStorage를 이용하여 사용자 이름을 저장하고 다른 페이지로 이동했을 때 기억한 사용자 이름을 출력하는 기능 구현
관련 링크 레퍼런스: https://nocss.club/
게임 데모: https://hwijaekim.github.io/nocssclub_minigame

자기소개서

성실함과 집념으로 디자인 부터 웹 개발의 지식까지 보유하고 있는 프론트엔드 개발자 김휘재 입니다.
HTML로부터 시작된 웹 개발에 대한 호기심과 집념은 끝내 풀스택 개발을 지향하는 방향으로 시야가 확장되었습니다.


성실함의 기반은 스스로 정한 높은 기대치로부터 시작됩니다.
고등학교 재학 중 파주에서 서울이라는 편도 약 1시간 30분의 통학 거리임에도 3년 동안 단 한 번도 지각한 적 없이 3년 개근으로 졸업하였습니다.
이러한 내면에는 기본으로 내장된 성실함이 큰 역할을 했다고 생각합니다. 저는 이전부터 제 과실로 인해 시간에 쫓기는 것을 최대한 지양하려 했습니다.
그렇기 때문에 고등학교는 물론 대학교 재학 중에도 자동차로 약 1시간1시간 40분의 통학 거리 임에도 성실한 학교생활을 보냈습니다.
이러한 것이 습관이 되어 이제는 약속 시간 약 30분1시간 전에 도착하는 것이 기본값이 되었으며 추가로 다음과 같은 성실함으로 인해 미리 노트북을 열어 당일 수업 준비를 미리 하는 등 학업에도 활용할 수 있었습니다.
저의 성실함은 실무에서도 긍정적인 영향을 끼칠 수 있을 것으로 기대하고 있으며 지각, 지연 등의 일에 대한 트러블은 최소화되어 시간 관리에 힘쓸 것입니다. 또한 사내 프로젝트 진행 시에도 성실한 태도로 임하며 회사에 도움이 되겠습니다.

저는 자신만의 기대치를 설정하고 높은 집념으로 문제를 해결하는 개발자 입니다.
저는 어떠한 작업을 할 때 자신만의 기대치를 설정하고 충족되기 전까지의 타협은 최소화 합니다.

한 가지 예를 들어 팀 작업 중 웹 개발과 팀장 파트를 맡은 제30회 커뮤니케이션디자인국제공모전 출품작 <청사진>은 처음으로 HTML/CSS/JavaScript 세 가지를 모두 사용해 제대로 된 웹 사이트 제작에 도전한 작품입니다.
특히 당시 처음 배우기 시작했던 JavaScript를 운용하는 데 다소 어려움이 있었고 그에 따라 웹 상호작용 요소 구현 또한 큰 어려움을 겪고 있었습니다.
하지만 저의 높은 기대 충족하는 스크롤 시 화려한 애니메이션과 상호작용을 보는 사람에게 크게 느끼게 하고 싶었고, 다시 말해 정해진 마감 시간 안에 모든 기능을 구현해야 했음을 의미합니다.

저는 이 하나의 집념을 가지고 문제를 해결하기 위해 끊임없이 서칭하고 적용해 본 결과 JavaScript 내 observer라는 기능을 알게 되었고 IntersectionObserver를 이용하여 익스플로러 뷰포트에 등장할 시 명령을 실행하는 기능을 구현하였습니다.
observer에 forEach 배열을 만든 다음 배열 내 모든 해당 변수가 등장했을 때(isIntersecting) CSS에서 지정해 둔 active 클래스를 추가한다는 알고리즘을 구성하여 결과적으로 CSS 클래스에 추가 선언된 active 애니메이션이 뷰포트에 등장할 때 자동으로 실행되도록 하여 동적 웹 요소를 구현했습니다.
이런 방식을 반복하여 결국 스스로 찾아 작성한 코드는 자연스럽게 저의 것이 되었고 JavaScript 숙련도를 올리는 발판이 되었습니다.
높은 기대치와 집념의 조합이 아니었다면 이루지 못했을 성과라 생각하며 심사 결과 동상 수상이라는 결과를 얻어냈습니다.
저는 이것을 실무에서 접합시켜 높은 기대치를 설정하고 자신의 한계를 돌파하며 알아가고, 또 적용하고 응용하며 본인의 것으로 소화해 최종적으로 회사에 더 나은 인재가 될 수 있도록 끊임없이 발전하고 싶습니다.


파일 정리, 백업/아카이빙은 프로젝트를 시작하고 훌륭하게 수행하는 것 만큼 중요한 덕목이라 생각합니다.
개발자뿐만 아니라 어떤 일이든 정리 정돈은 필수로 요구되는 덕목입니다.
특히 개발의 영역에서는 더욱 중요한 요소로 여겨진다고 생각하는데 프로젝트를 만들고 성실하고 성공적으로 수행하는 것도 물론 중요하지만, 그런 노력의 결과물을 잘 정리하고 백업, 아카이빙 하는 것 또한 매우 중요하다고 생각합니다.
저는 이러한 부분에서 강점을 가지고 있다고 선언할 수 있습니다.

저는 청소년 때부터 어떠한 데이터를 만들면 USB에 폴더별로 구분하여 정리해 두고 외장 HDD에 백업해 두는 등 파일관리에 큰 노력을 기울이고 있었습니다.
하지만 백업용 외장 HDD가 랜섬웨어에 감염되어 백업 데이터가 모두 사라진 일이 있었습니다.
저는 이 사태가 또다시 반복되는 일은 절대 없어야 한다고 다짐했고, 그 이후로 아카이빙 까지 관심을 기울이며 저의 데이터를 소중하게 관리하기 시작했습니다.
대학교 과제물과 프로젝트 관리 또한 과목 주차별 폴더로 구분하여 개인 NAS 드라이브에 업로드 한 후 여러 컴퓨터에서도 똑같이 로컬 폴더에 동기화 되도록 설정했으며 한 학기가 끝난 후에는 아카이빙 드라이브로 옮겨 철저하게 관리하고 있습니다.
GitHub을 사용하기 시작한 이후로는 git에서 로컬 폴더에 clone 한 다음 리포지토리에 또 한 번 commit 하여 더블 스택으로 파일을 관리합니다.
오래전부터 시작된 파일 정리의 습관 덕분에 교내 프로젝트 진행 시에도 순간 원하는 자료를 빠르게 찾을 수 있게 하였고 전체적으로 낭비되는 시간이 감소했습니다.
파일관리와 아카이빙은 프로젝트 진행만큼이나 매우 중요한 프로세스라고 생각하며 소중한 자료들을 소중하게 관리해야 한다는 것이 저의 가치관입니다.
이 가치관을 끌어올려 사내에서도 좋은 영향을 선사할 수 있기를 기대하고 있으며 데이터 또한 소중하게 관리할 수 있다고 다짐합니다.



소중한 시간 내어 긴 글 읽어주셔서 감사드리며 성실함과 집념, 그리고 기대치와 마지막으로 파일 관리에 대한 가치관을 다시 한번 강조 드립니다.
감사합니다.
김휘재.