프로젝트 배경
1) 문제점 - 소개 사이트를 문장으로만 채우면 "무엇을 만들 수 있는지"가 전달되지 않았습니다. - 상대가 요구하는 이력서 형식이 국문·영문·일문으로 갈려, 미리 만들어 둔 파일은 내용이 바뀔 때마다 화면과 어긋났습니다. - 인터랙션을 넣되 그 비용이 초기 로딩과 저사양 기기에서 감당 가능한 선에 머물러야 했습니다. 2) 프로젝트 목표 - 구현 능력을 화면 자체로 보여 주기 - 세 개
프로젝트 성과
화면과 문서가 어긋나지 않는 구조
이력서를 미리 만든 파일이 아니라 화면과 같은 데이터로 즉석에서 만듭니다.
내용이 바뀌어도 둘이 어긋날 여지가 구조적으로 없습니다.
내용이 바뀌어도 둘이 어긋날 여지가 구조적으로 없습니다.
3개 언어 이력서 즉시 생성
국문·영문·일문 이력서를 서버 없이 브라우저에서 바로 만들어 내려받습니다. 문서 생성만을 위한 별도 서버를 두지 않았습니다.
배경을 코드로 그려 용량 절감
첫 화면 배경을 영상 파일이 아니라 그래픽 코드로 그렸습니다. 해상도에 독립적이고 화면 비율마다 다시 만들 필요가 없습니다.
핵심 기능
진행 단계
원페이지 구성·인터랙션 구현
2025.12.
단일 페이지 구성을 잡고 첫 화면 그래픽, 스킬 궤도, 캐러셀 등 매 프레임 계산하는 인터랙션을 구현했습니다.
프로젝트 상세
1) 포트폴리오 소개 스크롤에 따라 화면이 반응하는 단일 페이지 형태의 소개 사이트입니다. 서비스 카테고리는 개인·기업 소개 웹사이트이며, 메인 타깃은 협업 상대를 검토하러 들어오는 발주 담당자입니다. 문장으로 "이런 걸 만들 수 있다"고 적는 대신 화면 자체가 구현 능력을 보여 주도록 만들었고, 동시에 상대가 요구하는 형식(국문·영문·일문 이력서 파일)으로도 즉시 건넬 수 있게 했습니다. 2)







