채용공고 올리기

이희연님을 응원해보세요!

지금 만족하고 있어요

미리보기

기본 정보

이름
이희연
직업
웹 프론트엔드 개발자
간단 소개

2002년 9월 14일 출생 웹 프론트엔드 개발을 공부 중인 신입 개발자입니다. - 저는 고민하는 것보다 직접 행동으로 옮기는 걸 선호합니다! 무언가 하고 싶은 일이나 배우고 싶은 기술이 생기면, 고민하기보다는 프로젝트를 통해 직접 배워가는 편입니다. 프로젝트를 통해 배운 점들은 블로그에 기술하여 다시 한 번 정리합니다. - 협업을 위해 소통을 중요하게 생각합니다! 개발자라면 협업이 필수 역량이라 생각하고, 항상 소통을 통해 더 나은 개발을 하기 위해 노력합니다. Notion, Slack, Discord 등 여러 도구를 사용하여 소통합니다. - 사용자 친화적인 웹을 개발하기 위해서 항상 고민합니다! 개발자가 아닌 사용자 입장에서 고민하려고 노력합니다. 사소한 디테일을 놓치지 않고 개선함으로써 사용자 경험을 높이기 위해 노력합니다.

기술 스택

기술 스택

HTML/CSS, JavaScript, React, Vue.js, Vue 3, tailwind-css, GitHub, Git, Docker

프로젝트

프로젝트명

한국공학대학교 축제 사이트

소속/기관명

한국공학대학교 개발 소모임 Dev-Tino

프로젝트 기간

2024.06. ~ 2024.09.

프로젝트 내용

프로젝트 목표

  • 한국공학대학교 학생들을 위한 축제 정보 제공

  • 학생회가 운영하는 야간부스(주점) 운영을 위한 어드민 서비스

개발 내용

[앱]

  • 야간 부스를 위한 예약 및 주문 서비스

    • 예약완료/예약취소/입장완료 시 자동 문자 발송을 위해 가비아 문자 api 연동

    • 예약 시, 중복 확인을 거친 후 예약을 진행

  • 공연 정보 제공을 위한 타임테이블

  • 부스 정보 및 위치 제공

    • 지도 일러스트 사용을 위해, 핀치 줌 이용

    • 이미지의 크기가 커짐에 따라, 캐싱하지 않도록 설정

[어드민]

  • 학과별 부스 정보 수정

    • 학과별 UUID를 확인한 후, 자신의 학과만 수정할 수 있도록 진행

    • 개발팀 계정은 모든 학과 수정 가능

  • 실시간 주문 및 예약자 조회

    • 3초마다 api 호출하는 polling 기법 적용

  • 주문 관리

    • +,-로 수량 변경 시, throttle 기법을 적용해서 api 호출 횟수 줄임

    • 사용자 입력으로 수량 변경 시, debouce 기법을 적용해서 api 호출 횟수 줄임

  • 예약자에게 문자 전송

    • 가비아 문자 api 연동

  • 관리자를 위한 일반/서비스 주문 추가

    • 현금 결제 시, 일반 주문으로 주문 추가

    • 서비스 주문 시, 서비스 주문으로 주문 추가되고 가격은 0원으로 표시

사용한 기술

  • Vue.js

  • Pinia

  • Tailwindcss

  • Nginx

  • Docker

프로젝트 결과

  • 약 8만회의 조회수와 약 3천명의 사용자 수

  • 예약은 72건, 주문은 1308건

관련 링크

프로젝트명

Textrank 알고리즘을 활용한 치매예방 서비스

소속/기관명

한국공학대학교 졸업작품

프로젝트 기간

2024.01. ~ 2024.08.

프로젝트 내용

프로젝트 목표

  • 중장년층을 타겟으로 한 치매 예방 서비스

개발 내용

  • 사용자의 일기에서 Textrank 알고리즘으로 단어를 추출

    • 단어를 회상할 수 있도록 일기의 문장에서 단어 부분을 빈칸으로 문제 출제

    • 단어를 이용한 그림 일기 기능

  • html2canvas를 이용한 그림판 기능

    • 앱과 웹을 모두 고려하여 터치이벤트와 클릭이벤트 모두 구현

  • DALL.E 연동

    • 그림 그리기 어려운 사용자를 고려하여, 이미지 생성 AI 연동

  • 리팩토링 진행

    • 사용자가 중장년층임을 고려해서 기존 UI를 직관적으로 수정

    • 코드 컨벤션 및 폴더 구조 변경

사용한 기술

  • React.js

  • Zustand

  • Tailwindcss

  • React-Query

  • Flutter

관련 링크

프로젝트명

투두 리스트 & 일기 서비스

소속/기관명

토이 프로젝트

프로젝트 기간

2024.02. ~ 2024.04.

프로젝트 내용

프로젝트 목표

  • 투두 리스트와 일기를 이용한 일정 관리 및 기록 서비스

개발 내용

  • 일기/투두/루틴 CRUD

  • 투두 리스트의 상태 변경(미완료/진행중/완료)

  • 로컬에서 테스트를 진행하기 위해 Docker 사용

사용한 기술

  • React.js

  • Recoil

  • Tailwindcss

  • Docker

관련 링크

포트폴리오

URL

link

깃허브

깃허브
link

기술 블로그

티스토리

교육

소속/기관명

한국공학대학교

종류 | 전공

대학교(학사) | 컴퓨터공학과

재학 기간 | 재학 상태

2021.03. ~ 현재 | 재학 중

대외활동

활동명

2024 실리콘벨리 테커 아이디어 해커톤

소속/기관명

테커

연도

내용

LLM을 이용한 경조사 스크립트 작성 서비스 개발

활동명

소프트웨어야 놀자 겨울 새싹 캠프

소속/기관명

네이버 커넥트 재단

연도

내용

초등학생들에게 SW 지식을 나누는 교육 봉사 프로그램

댓글