프론트엔드 개발자

김혜린

미디어와 팀 프로젝트에 풍부한 경험을 가진 개발자입니다. React, Vue, React Native, Next.js에 이르기까지 다양한 프론트엔드 앱 기획 및 개발, 출시 경험을 가지고 있으며, Django, Nest.js로 간단한 서버를 제작할 수 있는 하이브리드 개발자입니다.

&#39;북한에도 &#39;배민&#39;이 있을까?&#39; 기사로 최다 페이지 뷰 갱신 및 포털 네이버 메인 화면 게 (<a href="https://blog.naver.com/gounikorea/221918566095">https://blog.naver.com/gounikorea/221918566095</a>)

통일부 대학생 기자단

외국인들에게 한국의 문화 및 시사 이슈를 소개하는 기사 작성 및 사진 촬영

한양대학교 영자신문사

한양대학교 내 외국인 교환 학생과 한국 학생들 간 교류의 물꼬를 트고, 교환 학생들의 한국 적응을 돕기 위한 교내 최초의 국제학생단체를 바닥부터 기획하고 운영했습니다. 경주 관광, 야구 관람, 스탠딩 파티와 같은 교환 학생과 한국 학생들이 함께 할 수 있는 행사 기획 및 입장권 판매에 참여하였고, 교환 학생과 한국 학생 간 1대1 멘토링을 기획했습니다.

Hanyang Global Lions

비영리 강연단체 TED의 모교에서의 강연회를 기획하고 개최 당일 운영하는 업무를 맡았습니다. 강연회 주제를 정하고 그에 맞는 연사를 섭외한 후 강연회를 실제로 구성해나가는 과정에서 기획자-디자이너-실무자 간의 협업이 만들어내는 가치를 느꼈습니다. 애프터파티에서 진행자를 맡아 연사들과 관객들 간의 대담을 진행하기도 했습니다.

TEDxHanyangU

공익을 위한 대학생 공동체로, 정기 아동 교육 봉사 진행

소나무장학회 7기 장학생

Google Analytics Individual Qualification

OPIC

GTQ그래픽기술자격

ENGLISH

<a href="https://github.com/HerrineKim/ssanta-clinic">https://github.com/HerrineKim/ssanta-clinic</a> [사용 기술] React, Typescript, Three.js, Styled-components, Recoil, MySQL
<ul>
<li>녹음, 사진, 텍스트를 한 번에 전송하는 어드벤트 캘린더 기능을 구현하면서 multipart/form-data와 json 형태의 파일을 함께 전송하고 조회하는 기술을 구현했습니다.</li>
<li>Flexbox를 활용하여 CSS 레이아웃을 구현했습니다.</li>
<li>React, Typescript로 테트리스 게임을 구현했습니다.</li>
<li>Three.js를 활용하여 3D 산타 마을을 구현했습니다.</li>
<li>ESLint와 Prettier를 도입해 팀원 간 코드 컨벤션을 정립하고 가독성을 개선했습니다.</li>
<li>Figma를 활용해 디자인 및 기획을 담당했습니다.</li>
<li>Jira, Mattermost를 활용한 협업을 진행했습니다.</li>
<li>팀장으로서 팀을 리드했습니다.</li>
</ul>

온라인 산타 마을 및 힐링 편지 서비스 '싼타클리닉'

<a href="https://github.com/HerrineKim/chaek-in">https://github.com/HerrineKim/chaek-in</a> [사용 기술] React Native(Expo), Styled-Components, Redux
<ul>
<li>Google Cloud Vision API를 활용하여 모바일 OCR 기술을 구현하고, BASE64 인코딩에 대해 이해했습니다.</li>
<li>독서 모임 기능에서 React Hooks를 활용해 댓글, 대댓글 기능 및 자동 업데이트를 구현했습니다.</li>
<li>Git flow 전략을 사용했습니다.</li>
<li>ESLint와 Prettier를 도입해 팀원 간 코드 컨벤션을 정립하고 가독성을 개선했습니다.</li>
<li>Figma를 활용해 디자인 및 기획을 담당했습니다.</li>
<li>Jira, Mattermost를 활용한 협업을 진행했습니다.</li>
<li>Notion을 활용하여 문서화를 전담했습니다.</li>
<li>팀장으로서 팀을 리드했습니다.</li>
<li>아이디어의 참신함에 있어서 높은 평가를 받아 프로젝트 우수상을 수상하였습니다.</li>
</ul>

독서 추천 및 커뮤니티 앱 '책크인'

<a href="https://github.com/HerrineKim/coding-with-me">https://github.com/HerrineKim/coding-with-me</a> [사용 기술] Vue3, Pinia, Quasar UI Framework, MySQL
<ul>
<li>JWT와 Pinia를 활용하여 회원가입 및 로그인을 구현했습니다.</li>
<li>학생 관리를 위한 LMS 기능을 개발했습니다.</li>
<li>Vite를 사용하여 빌드 속도를 개선했습니다.</li>
<li>WebRTC, Monaco Editor 기술을 활용한 웹 IDE 및 코딩 테스트 기능을 개발하는 데 일부 기여했습니다.</li>
<li>Figma를 활용해 디자인 및 기획을 담당했습니다.</li>
<li>Jira, Mattermost를 활용한 협업을 진행했습니다.</li>
<li>Notion을 활용하여 문서화를 전담했습니다.</li>
</ul>

화상 코딩 교육 서비스 'Coding With Me'

<a href="https://github.com/HerrineKim/movie-playlist">https://github.com/HerrineKim/movie-playlist</a> [사용 기술] Vue2, Vuex, Bootstrap, Django
<ul>
<li>Python을 활용하여 영화 및 데이터를 수집 및 정제했습니다.</li>
<li>Vue2와 Vuex를 활용하여 회원가입 및 로그인을 구현했습니다.</li>
<li>Javascript를 활용하여 form에서 다중 버튼 선택 및 전송 기능을 구현했습니다.</li>
<li>YouTube API를 활용하여 영화 OST 재생 기능을 구현했습니다.</li>
<li>코사인 유사도 분석 및 편집거리 알고리즘을 활용하여 영화 추천 알고리즘을 작성했습니다.</li>
<li>컴포넌트에 Atomic Design Pattern을 적용했습니다.</li>
<li>Figma를 활용해 디자인 및 기획을 담당했습니다.</li>
<li>Jira, Mattermost를 활용한 협업을 진행했습니다.</li>
<li>Notion을 활용하여 문서화를 전담했습니다.</li>
</ul>

영화 추천 및 커뮤니티 서비스 'Movie Playlist'

학생, 부모, 공급자 그리고 카운슬러를 위한 미국의 장학금 플랫폼 ‘Going Merry by Earnest’에서 웹 개발자로 일하고 있습니다.

<ul>
<li>현대자동차 Casper 웹페이지 개발(Vue2, Nuxt.js)</li>
<li>서울대학교 행복연구센터 &#39;오늘의 행복&#39; 포털 서비스 기능 개발 및 유지 보수(React, React Native, Nest.js)</li>
</ul>

[동영상 인터뷰 콘텐츠 정기 콘텐츠화, 기사 PV의 지속적 개선, 신속한 인터뷰 번역으로 경쟁사 대비 기사 노출 증가]
악성 댓글의 심각성과 &#39;디지털 장의사&#39;라는 직업을 심층 탐구한 동영상 인터뷰 콘텐츠를 제작하여 기존보다 400% 개선된 페이지뷰를 달성하고 백수십 개의 긍정 반응을 이끌어 냄으로써 동영상 인터뷰 콘텐츠를 고정 콘텐츠로 자리매김할 수 있게 했습니다.
지면 및 온라인 기사 제작, 인터뷰 보조, SNS 관리를 담당했습니다.