Hello, I'm Iltae 👋
日新又日新 성장하는
프론트엔드 개발자
Portfolio
참여 프로젝트
Technical Stack
사용 기술 스택
HTML5
시맨틱 마크업을 작성하며, 웹 접근성과 SEO를 고려한 구조 설계, 최신 HTML5 요소를 활용하여 최적화된 웹 애플리케이션 개발 가능
Javascript
DOM 조작, 이벤트 처리, 비동기 프로그래밍 등을 효과적 수행, 고차 함수를 활용한 간결한 데이터 처리 로직 구현 및 클로저, 비동기 처리(Promises, async/await) 등의 기능 활용
Vue
Composition API를 통해 컴포넌트의 로직 관리, Pinia를 사용한 상태 관리와 Router를 활용한 동적 라우팅 구성, Vue 문법과 생태계를 이해하여 확장 가능성과 유지 보수를 고려한 코드 작성
React
컴포넌트 기반 개발에 많이 익숙하며, React Hooks와 Context API를 활용한 상태 관리부터, Redux 및 React Query와 같은 라이브러리를 활용한 전역 상태 및 서버 상태 관리까지 다루는 데 능숙하고 성능 최적화를 위한 코드 스플리팅, 메모이제이션 적용
Typescript
클래스 문법과 함수형 프로그래밍 모두에 타입 안전성을 적용하며, 코드의 신뢰성 향상 적용 및 Interface와 Type, Generic 등을 적극 활용해 재사용성과 확장성이 뛰어난 타입 구조 설계, 잠재적인 타입 에러 사전 방지 적용
Next
App Router를 활용한 동적 라우팅과 서버 컴포넌트 구성, 서버 요청과 응답 객체를 활용한 유연한 API 설계, 미들웨어를 통한 라우팅 가드와 보안 로직 구현
Styling
디자인 프레임워크
CSS3
기초 스타일링뿐만 아니라 keyframe을 활용한 동적인 애니메이션을 구현하며, 반응형 디자인을 위해 Media Query를 활용하여 다양한 디바이스와 화면 크기에 유연하게 적응하는 디자인 구현
Tailwind
효율적인 유틸리티 클래스 관리부터 디자인 토큰 사용 및 컴포넌트 기반 개발, 클래스 최적화, 빌드 크기 최소화, 스타일 일관성 유지와 같은 모범 사례를 통해 확장 가능하고 유지보수에 용이한 코드 구현
Sass
변수를 사용한 효율적인 스타일 관리와 일관성 있는 디자인 시스템 구현 및 중첩, 믹스인, 함수 등의 기능을 활용해 코드 재사용성 향상과 유지보수 간소, 전처리기를 이해하고 프로젝트 전반에 적용
Collaboration
협업 툴
Gitlab
Merge Request를 활용한 코드 리뷰 및 컨벤션 적용, CI/CD를 통한 자동화된 빌드와 배포 프로세스 구축, 마스터 브랜치와 개발 브랜치를 분리하고, 기능브랜치를 생성한 Github Flow 전략 활용
Jira
프로젝트의 진행 상황을 시각적으로 관리하며, 스프린트 계획과 작업 우선순위 정리, 에픽, 태스크, 서브태스크를 체계적으로 분류하고 주당 스토리 포인트를 통해 기여도 관리
Mattermost
팀원들과 실시간으로 의사소통하며 중요한 공지와 파일을 공유, 팀 커뮤니케이션과 프로젝트 투명성 강화를 위해 Merge Request, 배포 빌드 상태 연동
About
사용자 중심의
설계에 집중하는
프론트 엔드 개발자입니다
인간공학에 대한 관심을 바탕으로 사용자의 편의성과 경험을 고려한 설계에 매력을 느꼈고, 이를 통해 더 넓은 사용자들을 위한 개발자로서의 길을 선택하게 되었습니다. 컴퓨터 화면을 설계하고 구성할 수 있다는 점에 매료되어 프론트 엔드 개발을 시작했으며, 서버와의 통신을 통해 사용자에게 유용한 정보를 제공하고 풍부한 경험을 선사하는 과정에서 큰 즐거움을 느끼고 있습니다.
Years of experience
3+
Projects Completed
5+
HTML5
CSS3
Javascript
Vue
React
Typescript
Next.js
Styled Component
Tailwind
Sass
Career
지금까지의 경력과 교육
SSAFY(삼성 청년 SW 아카데미)
2024
-
2024
IT 시스템과 웹 애플리케이션 구축의 기본 개념을 익히며, 이를 구현하기 위한 언어적 역량과 기술적 토대를 다졌습니다. 프로그래밍의 기초부터 서버와 클라이언트의 상호작용, 데이터베이스 연동까지 폭넓게 학습하며, 웹 개발의 전반적인 흐름과 구조를 이해하게 되었습니다. 이러한 학습을 통해 다양한 기술 스택을 유기적으로 연결하는 기본기를 갖추게 되었습니다. 배운 내용을 심화하여 WebRTC와 핀테크 등과 자율 주제를 활용한 현업 수준의 프로젝트를 진행합니다. 실시간 데이터 통신 및 보안이 중요한 기술을 적용하며, 기획부터 구현까지의 과정을 통해 실무 역량을 강화하고 있습니다. 이를 통해 기술 스택을 통합적으로 활용하고, 팀워크와 문제 해결 능력을 한층 더 발전시키고 있습니다.
퓨처 플랫폼 프론트엔드 및 IT 기획
2023
-
2023
국립재활원 보조기기 열린 플랫폼 홈페이지 고도화 사업 참여 - 기존 JSP 구현을 React + Java로 클라이언트 사이드 분리 및 UI 개선 - 캐러셀 및 보조기기 카드, 통계 그래프 구현 [서울대학교] 맞춤형헬스빅데이터분석·활용을위한인터렉티브 지능형에이전트개발 및 사용자여정지도 구축, [인천대학교] AI 학습 지원 및 중도탈락예측 시스템 구축, [경기교통공사] 버스 운송비용 정산 시스템 구축 및 기능개선 사업 등의 제안서 작성
코드스테이츠 프론트엔드 부트캠프
2022
-
2023
HTML/CSS 기초와 Styled Component를 활용한 스타일링, 반응형 웹 디자인을 학습하여 다양한 디바이스 환경에 적합한 UI를 설계할 수 있는 기초를 다지고 JavaScript의 기본 개념과 고차 함수, 객체 지향, 비동기 처리 등을 배우며 동적 웹 애플리케이션 개발의 원리를 익혔습니다. React의 기초부터 내장 및 커스텀 훅, HTTP 통신, 최적화 기법을 학습해 React 기반 프로젝트 개발 능력을 갖추었고 REST API와 GraphQL을 활용한 네트워크 통신 방법과 Webpack 등 번들링 도구, AWS를 통한 배포 과정을 익혀 실무 환경에 적응할 준비를 마쳤습니다.
Feedback
같이 했던
팀원들의 평가
프로젝트를 함께한 팀원들에게
긍정적인 평가를 받았습니다.
처음엔 신기했고, 두번째엔 신뢰했다. 코어 타임을 그렇게 알차게 사용하는 사람은 이 형이 처음이었다. 또, 자신이 성장하기 위해 무엇을 공부해야하는지, 어떠한 것을 프로젝트와 연관지어야 하는지 목적이 분명했습니다.
김준영
온방 팀장, 올리브 페이 부팀장
일태님은 일처리가 정말 빠르시고 디자인 감각도 좋으셔서 함께 협업하기에 너무 좋은 팀원입니다.😎 맡은 기능을 항상 완벽하게 구현해 주시고 모르는 부분을 물어보면 친절하게 답변해 주셔서 정말 믿음직스러웠습니다.🙂 그리고 개발하면서 유용한 정보들도 알려주셔서 큰 도움이 되었습니다.
김지윤
스냅픽 프론트 팀원
업무 시간에 얽매이지 않고, 본인의 업무에 대해 끝까지 책임지며 완수합니다.😄 실제로 촉박한 일정에도 불구하고, 인터렉션이 잦은 게임 기능을 목표 일정 내로 완벽히 구현했습니다.
정상영
단내 프론트 팀원
Contact
봐주셔서 감사합니다!
Hello, I'm Iltae 👋
日新又日新 성장하는
프론트엔드 개발자
Portfolio
참여 프로젝트
Technical Stack
사용 기술 스택
HTML5
시맨틱 마크업을 작성하며, 웹 접근성과 SEO를 고려한 구조 설계, 최신 HTML5 요소를 활용하여 최적화된 웹 애플리케이션 개발 가능
Javascript
DOM 조작, 이벤트 처리, 비동기 프로그래밍 등을 효과적 수행, 고차 함수를 활용한 간결한 데이터 처리 로직 구현 및 클로저, 비동기 처리(Promises, async/await) 등의 기능 활용
Vue
Composition API를 통해 컴포넌트의 로직 관리, Pinia를 사용한 상태 관리와 Router를 활용한 동적 라우팅 구성, Vue 문법과 생태계를 이해하여 확장 가능성과 유지 보수를 고려한 코드 작성
React
컴포넌트 기반 개발에 많이 익숙하며, React Hooks와 Context API를 활용한 상태 관리부터, Redux 및 React Query와 같은 라이브러리를 활용한 전역 상태 및 서버 상태 관리까지 다루는 데 능숙하고 성능 최적화를 위한 코드 스플리팅, 메모이제이션 적용
Typescript
클래스 문법과 함수형 프로그래밍 모두에 타입 안전성을 적용하며, 코드의 신뢰성 향상 적용 및 Interface와 Type, Generic 등을 적극 활용해 재사용성과 확장성이 뛰어난 타입 구조 설계, 잠재적인 타입 에러 사전 방지 적용
Next
App Router를 활용한 동적 라우팅과 서버 컴포넌트 구성, 서버 요청과 응답 객체를 활용한 유연한 API 설계, 미들웨어를 통한 라우팅 가드와 보안 로직 구현
Styling
디자인 프레임워크
CSS3
기초 스타일링뿐만 아니라 keyframe을 활용한 동적인 애니메이션을 구현하며, 반응형 디자인을 위해 Media Query를 활용하여 다양한 디바이스와 화면 크기에 유연하게 적응하는 디자인 구현
Tailwind
효율적인 유틸리티 클래스 관리부터 디자인 토큰 사용 및 컴포넌트 기반 개발, 클래스 최적화, 빌드 크기 최소화, 스타일 일관성 유지와 같은 모범 사례를 통해 확장 가능하고 유지보수에 용이한 코드 구현
Sass
변수를 사용한 효율적인 스타일 관리와 일관성 있는 디자인 시스템 구현 및 중첩, 믹스인, 함수 등의 기능을 활용해 코드 재사용성 향상과 유지보수 간소, 전처리기를 이해하고 프로젝트 전반에 적용
Collaboration
협업 툴
Gitlab
Merge Request를 활용한 코드 리뷰 및 컨벤션 적용, CI/CD를 통한 자동화된 빌드와 배포 프로세스 구축, 마스터 브랜치와 개발 브랜치를 분리하고, 기능브랜치를 생성한 Github Flow 전략 활용
Jira
프로젝트의 진행 상황을 시각적으로 관리하며, 스프린트 계획과 작업 우선순위 정리, 에픽, 태스크, 서브태스크를 체계적으로 분류하고 주당 스토리 포인트를 통해 기여도 관리
Mattermost
팀원들과 실시간으로 의사소통하며 중요한 공지와 파일을 공유, 팀 커뮤니케이션과 프로젝트 투명성 강화를 위해 Merge Request, 배포 빌드 상태 연동
About
사용자 중심의
설계에 집중하는
프론트 엔드 개발자입니다
인간공학에 대한 관심을 바탕으로 사용자의 편의성과 경험을 고려한 설계에 매력을 느꼈고, 이를 통해 더 넓은 사용자들을 위한 개발자로서의 길을 선택하게 되었습니다. 컴퓨터 화면을 설계하고 구성할 수 있다는 점에 매료되어 프론트 엔드 개발을 시작했으며, 서버와의 통신을 통해 사용자에게 유용한 정보를 제공하고 풍부한 경험을 선사하는 과정에서 큰 즐거움을 느끼고 있습니다.
Years of experience
3+
Projects Completed
5+
HTML5
CSS3
Javascript
Vue
React
Typescript
Next.js
Styled Component
Tailwind
Sass
Career
지금까지의 경력과 교육
SSAFY(삼성 청년 SW 아카데미)
2024
-
2024
IT 시스템과 웹 애플리케이션 구축의 기본 개념을 익히며, 이를 구현하기 위한 언어적 역량과 기술적 토대를 다졌습니다. 프로그래밍의 기초부터 서버와 클라이언트의 상호작용, 데이터베이스 연동까지 폭넓게 학습하며, 웹 개발의 전반적인 흐름과 구조를 이해하게 되었습니다. 이러한 학습을 통해 다양한 기술 스택을 유기적으로 연결하는 기본기를 갖추게 되었습니다. 배운 내용을 심화하여 WebRTC와 핀테크 등과 자율 주제를 활용한 현업 수준의 프로젝트를 진행합니다. 실시간 데이터 통신 및 보안이 중요한 기술을 적용하며, 기획부터 구현까지의 과정을 통해 실무 역량을 강화하고 있습니다. 이를 통해 기술 스택을 통합적으로 활용하고, 팀워크와 문제 해결 능력을 한층 더 발전시키고 있습니다.
퓨처 플랫폼 프론트엔드 및 IT 기획
2023
-
2023
국립재활원 보조기기 열린 플랫폼 홈페이지 고도화 사업 참여 - 기존 JSP 구현을 React + Java로 클라이언트 사이드 분리 및 UI 개선 - 캐러셀 및 보조기기 카드, 통계 그래프 구현 [서울대학교] 맞춤형헬스빅데이터분석·활용을위한인터렉티브 지능형에이전트개발 및 사용자여정지도 구축, [인천대학교] AI 학습 지원 및 중도탈락예측 시스템 구축, [경기교통공사] 버스 운송비용 정산 시스템 구축 및 기능개선 사업 등의 제안서 작성
코드스테이츠 프론트엔드 부트캠프
2022
-
2023
HTML/CSS 기초와 Styled Component를 활용한 스타일링, 반응형 웹 디자인을 학습하여 다양한 디바이스 환경에 적합한 UI를 설계할 수 있는 기초를 다지고 JavaScript의 기본 개념과 고차 함수, 객체 지향, 비동기 처리 등을 배우며 동적 웹 애플리케이션 개발의 원리를 익혔습니다. React의 기초부터 내장 및 커스텀 훅, HTTP 통신, 최적화 기법을 학습해 React 기반 프로젝트 개발 능력을 갖추었고 REST API와 GraphQL을 활용한 네트워크 통신 방법과 Webpack 등 번들링 도구, AWS를 통한 배포 과정을 익혀 실무 환경에 적응할 준비를 마쳤습니다.
Feedback
같이 했던
팀원들의 평가
프로젝트를 함께한 팀원들에게
긍정적인 평가를 받았습니다.
처음엔 신기했고, 두번째엔 신뢰했다. 코어 타임을 그렇게 알차게 사용하는 사람은 이 형이 처음이었다. 또, 자신이 성장하기 위해 무엇을 공부해야하는지, 어떠한 것을 프로젝트와 연관지어야 하는지 목적이 분명했습니다.
김준영
온방 팀장, 올리브 페이 부팀장
일태님은 일처리가 정말 빠르시고 디자인 감각도 좋으셔서 함께 협업하기에 너무 좋은 팀원입니다.😎 맡은 기능을 항상 완벽하게 구현해 주시고 모르는 부분을 물어보면 친절하게 답변해 주셔서 정말 믿음직스러웠습니다.🙂 그리고 개발하면서 유용한 정보들도 알려주셔서 큰 도움이 되었습니다.
김지윤
스냅픽 프론트 팀원
업무 시간에 얽매이지 않고, 본인의 업무에 대해 끝까지 책임지며 완수합니다.😄 실제로 촉박한 일정에도 불구하고, 인터렉션이 잦은 게임 기능을 목표 일정 내로 완벽히 구현했습니다.
정상영
단내 프론트 팀원
Contact
봐주셔서 감사합니다!
Hello, I'm Iltae 👋
日新又日新
성장하는
프론트엔드 개발자
Portfolio
참여 프로젝트
Technical Stack
사용 기술 스택
HTML5
시맨틱 마크업을 작성하며, 웹 접근성과 SEO를 고려한 구조 설계, 최신 HTML5 요소를 활용하여 최적화된 웹 애플리케이션 개발 가능
Javascript
DOM 조작, 이벤트 처리, 비동기 프로그래밍 등을 효과적 수행, 고차 함수를 활용한 간결한 데이터 처리 로직 구현 및 클로저, 비동기 처리(Promises, async/await) 등의 기능 활용
Vue
Composition API를 통해 컴포넌트의 로직 관리, Pinia를 사용한 상태 관리와 Router를 활용한 동적 라우팅 구성, Vue 문법과 생태계를 이해하여 확장 가능성과 유지 보수를 고려한 코드 작성
React
컴포넌트 기반 개발에 많이 익숙하며, React Hooks와 Context API를 활용한 상태 관리부터, Redux 및 React Query와 같은 라이브러리를 활용한 전역 상태 및 서버 상태 관리까지 다루는 데 능숙하고 성능 최적화를 위한 코드 스플리팅, 메모이제이션 적용
Typescript
클래스 문법과 함수형 프로그래밍 모두에 타입 안전성을 적용하며, 코드의 신뢰성 향상 적용 및 Interface와 Type, Generic 등을 적극 활용해 재사용성과 확장성이 뛰어난 타입 구조 설계, 잠재적인 타입 에러 사전 방지 적용
Next
App Router를 활용한 동적 라우팅과 서버 컴포넌트 구성, 서버 요청과 응답 객체를 활용한 유연한 API 설계, 미들웨어를 통한 라우팅 가드와 보안 로직 구현
Styling
디자인 프레임워크
CSS3
기초 스타일링뿐만 아니라 keyframe을 활용한 동적인 애니메이션을 구현하며, 반응형 디자인을 위해 Media Query를 활용하여 다양한 디바이스와 화면 크기에 유연하게 적응하는 디자인 구현
Tailwind
효율적인 유틸리티 클래스 관리부터 디자인 토큰 사용 및 컴포넌트 기반 개발, 클래스 최적화, 빌드 크기 최소화, 스타일 일관성 유지와 같은 모범 사례를 통해 확장 가능하고 유지보수에 용이한 코드 구현
Sass
변수를 사용한 효율적인 스타일 관리와 일관성 있는 디자인 시스템 구현 및 중첩, 믹스인, 함수 등의 기능을 활용해 코드 재사용성 향상과 유지보수 간소, 전처리기를 이해하고 프로젝트 전반에 적용
Collaboration
협업 툴
Gitlab
Merge Request를 활용한 코드 리뷰 및 컨벤션 적용, CI/CD를 통한 자동화된 빌드와 배포 프로세스 구축, 마스터 브랜치와 개발 브랜치를 분리하고, 기능브랜치를 생성한 Github Flow 전략 활용
Jira
프로젝트의 진행 상황을 시각적으로 관리하며, 스프린트 계획과 작업 우선순위 정리, 에픽, 태스크, 서브태스크를 체계적으로 분류하고 주당 스토리 포인트를 통해 기여도 관리
Mattermost
팀원들과 실시간으로 의사소통하며 중요한 공지와 파일을 공유, 팀 커뮤니케이션과 프로젝트 투명성 강화를 위해 Merge Request, 배포 빌드 상태 연동
About
사용자 중심의
설계에 집중하는
프론트 엔드 개발자입니다
인간공학에 대한 관심을 바탕으로 사용자의 편의성과 경험을 고려한 설계에 매력을 느꼈고, 이를 통해 더 넓은 사용자들을 위한 개발자로서의 길을 선택하게 되었습니다. 컴퓨터 화면을 설계하고 구성할 수 있다는 점에 매료되어 프론트 엔드 개발을 시작했으며, 서버와의 통신을 통해 사용자에게 유용한 정보를 제공하고 풍부한 경험을 선사하는 과정에서 큰 즐거움을 느끼고 있습니다.
Years of experience
3+
Projects Completed
5+
HTML5
CSS3
Javascript
Vue
React
Typescript
Next.js
Styled Component
Tailwind
Sass
Career
지금까지의 경력과 교육
SSAFY(삼성 청년 SW 아카데미)
2024
-
2024
IT 시스템과 웹 애플리케이션 구축의 기본 개념을 익히며, 이를 구현하기 위한 언어적 역량과 기술적 토대를 다졌습니다. 프로그래밍의 기초부터 서버와 클라이언트의 상호작용, 데이터베이스 연동까지 폭넓게 학습하며, 웹 개발의 전반적인 흐름과 구조를 이해하게 되었습니다. 이러한 학습을 통해 다양한 기술 스택을 유기적으로 연결하는 기본기를 갖추게 되었습니다. 배운 내용을 심화하여 WebRTC와 핀테크 등과 자율 주제를 활용한 현업 수준의 프로젝트를 진행합니다. 실시간 데이터 통신 및 보안이 중요한 기술을 적용하며, 기획부터 구현까지의 과정을 통해 실무 역량을 강화하고 있습니다. 이를 통해 기술 스택을 통합적으로 활용하고, 팀워크와 문제 해결 능력을 한층 더 발전시키고 있습니다.
퓨처 플랫폼 프론트엔드 및 IT 기획
2023
-
2023
국립재활원 보조기기 열린 플랫폼 홈페이지 고도화 사업 참여 - 기존 JSP 구현을 React + Java로 클라이언트 사이드 분리 및 UI 개선 - 캐러셀 및 보조기기 카드, 통계 그래프 구현 [서울대학교] 맞춤형헬스빅데이터분석·활용을위한인터렉티브 지능형에이전트개발 및 사용자여정지도 구축, [인천대학교] AI 학습 지원 및 중도탈락예측 시스템 구축, [경기교통공사] 버스 운송비용 정산 시스템 구축 및 기능개선 사업 등의 제안서 작성
코드스테이츠 프론트엔드 부트캠프
2022
-
2023
HTML/CSS 기초와 Styled Component를 활용한 스타일링, 반응형 웹 디자인을 학습하여 다양한 디바이스 환경에 적합한 UI를 설계할 수 있는 기초를 다지고 JavaScript의 기본 개념과 고차 함수, 객체 지향, 비동기 처리 등을 배우며 동적 웹 애플리케이션 개발의 원리를 익혔습니다. React의 기초부터 내장 및 커스텀 훅, HTTP 통신, 최적화 기법을 학습해 React 기반 프로젝트 개발 능력을 갖추었고 REST API와 GraphQL을 활용한 네트워크 통신 방법과 Webpack 등 번들링 도구, AWS를 통한 배포 과정을 익혀 실무 환경에 적응할 준비를 마쳤습니다.
Feedback
같이 했던
팀원들의 평가
프로젝트를 함께한 팀원들에게
긍정적인 평가를 받았습니다.
처음엔 신기했고, 두번째엔 신뢰했다. 코어 타임을 그렇게 알차게 사용하는 사람은 이 형이 처음이었다. 또, 자신이 성장하기 위해 무엇을 공부해야하는지, 어떠한 것을 프로젝트와 연관지어야 하는지 목적이 분명했습니다.
김준영
온방 팀장, 올리브 페이 부팀장
일태님은 일처리가 정말 빠르시고 디자인 감각도 좋으셔서 함께 협업하기에 너무 좋은 팀원입니다.😎 맡은 기능을 항상 완벽하게 구현해 주시고 모르는 부분을 물어보면 친절하게 답변해 주셔서 정말 믿음직스러웠습니다.🙂 그리고 개발하면서 유용한 정보들도 알려주셔서 큰 도움이 되었습니다.
김지윤
스냅픽 프론트 팀원
업무 시간에 얽매이지 않고, 본인의 업무에 대해 끝까지 책임지며 완수합니다.😄 실제로 촉박한 일정에도 불구하고, 인터렉션이 잦은 게임 기능을 목표 일정 내로 완벽히 구현했습니다.
정상영
단내 프론트 팀원