👨🏻‍💻 About me

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/4316b246-377c-4a2c-b73c-c057c0d97256/blueDlacked.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/4316b246-377c-4a2c-b73c-c057c0d97256/blueDlacked.svg" width="40px" /> 웹 환경 속 불편했던 부분을 개선하는 데 전력을 다하는 프론트엔드 개발자, 임창용입니다.

</aside>

• 안녕하세요! 프론트엔드 개발자를 지망하는 학부생 임창용입니다.
• 당연시 생각하는 진리의 법칙에도 의문을 품으며 연구하는 것을 좋아합니다.
• 일상에 스며든 가지각색의 디자인을 탐색하며 저만의 철학을 만들어 나갑니다.
• 🎧🌃💪🏼💻🦮🍜🎳🚲

<aside> <img src="/icons/telephone_gray.svg" alt="/icons/telephone_gray.svg" width="40px" /> Contact

• Mail: [email protected]
• GitHub </aside>

🎓 Education

한국외국어대학교 컴퓨터공학부

22학번

2022. 3. ~ 現 군 복무 중

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/9aabb3f8-b473-4cc9-9726-7314eb4649d9/Frame_5_(2).svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/9aabb3f8-b473-4cc9-9726-7314eb4649d9/Frame_5_(2).svg" width="40px" />

학점

전공 평균 3.94 / 4.5

전체 평균 3.80 / 4.5

</aside>

Google Developer Student Clubs

(現 GDG on Campus HUFS)

GDSC HUFS 4기 Member

2022. 9. ~ 2023. 07.

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/3faf01af-a818-4352-9bea-2d80c198e09f/Group_1_(1).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/3faf01af-a818-4352-9bea-2d80c198e09f/Group_1_(1).png" width="40px" /> 활동

• SPA Framework인 React.js를 활용한 팀 프로젝트 제작. </aside>

📚 Stack

(@) 표시는 현재 학습 중임을 나타냅니다.

Frontend

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/a5c309ad-615d-421f-ab02-914ad007636a/Frame_6_(3).svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/a5c309ad-615d-421f-ab02-914ad007636a/Frame_6_(3).svg" width="40px" />

HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/53505407-44e4-420f-8dfb-68b1f8ff8528/Frame_7.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/53505407-44e4-420f-8dfb-68b1f8ff8528/Frame_7.svg" width="40px" /> CSS

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/f94e1c5e-ec73-4506-90b8-dbd2547f6a9a/Frame_9_(1).svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/f94e1c5e-ec73-4506-90b8-dbd2547f6a9a/Frame_9_(1).svg" width="40px" /> JavaScript(ES6+) (@)

</aside>

CSS Precessor

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/87fb8fa2-2652-48b3-ab5a-15ed7dd32198/Frame_8.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/87fb8fa2-2652-48b3-ab5a-15ed7dd32198/Frame_8.svg" width="40px" /> SCSS

</aside>

CSS Framework

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/abc0d994-61da-4c54-9584-1928303b6119/kTfgf0e0xz-aTD8hFEgyhnBQS7782KwhM4c5FswoyCObeUEHXn5RRE_H6-pcrv50z3RN3qY8pxDubbSMCsyojw_1.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/abc0d994-61da-4c54-9584-1928303b6119/kTfgf0e0xz-aTD8hFEgyhnBQS7782KwhM4c5FswoyCObeUEHXn5RRE_H6-pcrv50z3RN3qY8pxDubbSMCsyojw_1.svg" width="40px" />

Tailwind CSS (@)

</aside>

SPA Framework

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/5ead2c60-6afb-4f17-b3f5-77f3f56096d0/React-icon.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/5ead2c60-6afb-4f17-b3f5-77f3f56096d0/React-icon.svg" width="40px" />

React (@)

</aside>

Bundling Tool

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/fc038b57-6895-468b-8992-cef9fbf8e3dc/Frame_10.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/fc038b57-6895-468b-8992-cef9fbf8e3dc/Frame_10.svg" width="40px" />

Vite

</aside>

Collaboration

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/1ef3e957-1cf6-49dd-a9f3-e88e4456e5f5/Group_1_(4).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/1ef3e957-1cf6-49dd-a9f3-e88e4456e5f5/Group_1_(4).png" width="40px" /> Git

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/9e5ee08f-642d-432d-acf3-de17183ecfda/Frame_12.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/9e5ee08f-642d-432d-acf3-de17183ecfda/Frame_12.svg" width="40px" /> GitHub

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/76512b1b-358c-4f13-9e1c-35cd9d15d3ae/Frame_12_(1).svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/76512b1b-358c-4f13-9e1c-35cd9d15d3ae/Frame_12_(1).svg" width="40px" /> GitHub Pages

</aside>

etc.

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/7bd6c9b8-e7ed-4fc4-be78-13677cd43555/Frame_13.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/7bd6c9b8-e7ed-4fc4-be78-13677cd43555/Frame_13.svg" width="40px" /> Markdown

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/6788cd1c-f49f-4e6f-8e2e-d5e5eeb86ce2/Group_1_(19).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/6788cd1c-f49f-4e6f-8e2e-d5e5eeb86ce2/Group_1_(19).png" width="40px" /> Python

</aside>

Tool

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/cbe4e098-e676-4d76-9549-1935158ddc1c/Group_1_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/cbe4e098-e676-4d76-9549-1935158ddc1c/Group_1_(3).png" width="40px" /> Slack

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/86adad31-2482-4d93-a530-e2286b25e620/Group_1_(11).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/86adad31-2482-4d93-a530-e2286b25e620/Group_1_(11).png" width="40px" /> gabia

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/40f188fd-c044-4710-8c65-ac3d36712710/Group_1_(9).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/40f188fd-c044-4710-8c65-ac3d36712710/Group_1_(9).png" width="40px" /> Google Search Console

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/b5c89deb-21bb-4713-bcc5-4c8b535d014f/Group_1_(7).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/b5c89deb-21bb-4713-bcc5-4c8b535d014f/Group_1_(7).png" width="40px" /> Kakao Adfit

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/da2d7410-2593-4f7a-b321-f4d5c5b62dbf/Group_1_(12).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/da2d7410-2593-4f7a-b321-f4d5c5b62dbf/Group_1_(12).png" width="40px" /> Channel Talk

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/bbb7338d-5e73-4224-bc6d-df3d4057b3e9/Group_1_(10).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/bbb7338d-5e73-4224-bc6d-df3d4057b3e9/Group_1_(10).png" width="40px" /> Notion

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/fd7dbfdc-9648-4ea0-ac84-738af3e90a47/Group_1.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/fd7dbfdc-9648-4ea0-ac84-738af3e90a47/Group_1.png" width="40px" /> Figma

</aside>

🖥️ Project

한모 - 한국외대 모의수강신청

vsugangpractice.com

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/ee5c8698-4730-4eb3-b463-e035b19ecf17/한모.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/ee5c8698-4730-4eb3-b463-e035b19ecf17/한모.png" width="40px" /> 프로젝트 정보

• 2023년 제작, 개인 프로젝트
• Vanilla JS
• 한국외대 수강신청 연습 지원.
• 2024년 9월 기준, 누적 접속자 수 2.25만+ </aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/531163f4-288a-414e-a6e9-693c1cf5ae70/한모.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/531163f4-288a-414e-a6e9-693c1cf5ae70/한모.png" width="40px" /> 개발 경험 및 특징

• 제작한 웹 페이지에 도메인 연결 및 색인 생성하여 검색 엔진에 게시.
• 타 개발자의 PR를 받으며 협업.
• 사이트 내 개발자와 사용자 간 1:1 문의 버튼 생성.
• Media Query를 사용한 반응형 웹 사이트 구현.
• 꾸준한 업데이트 </aside>

theROKAF

therokaf.com

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/f4e26dfe-9881-441d-a82d-3ed3a453ce49/theROKAF.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/f4e26dfe-9881-441d-a82d-3ed3a453ce49/theROKAF.png" width="40px" /> 프로젝트 정보

• 2024년 제작, 개인 프로젝트
• Vanilla JS
• 공군 복무율 확인 및 다른 복무율 계산 지원. </aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/232b255c-57cd-42b9-a17c-6d849d755558/theROKAF.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/1b75fe0e-878c-4a9e-8798-d0eeedb0d76e/232b255c-57cd-42b9-a17c-6d849d755558/theROKAF.png" width="40px" /> 개발 경험 및 특징

• 현재 시간에 따른 실시간 그래프 생성.
• Media Query를 사용한 반응형 웹 사이트 구현. </aside>