hunipopolPDFUX
이력서 PDF description 렌더링, 갈아엎고 되돌리고 다시 갈아엎은 이틀
2026. 7. 8.1분 읽기
포트폴리오 모달부터
카드 클릭 시 모달로 설명·임팩트·Dev 로그·링크를 한번에 보여주는 기능을 붙였다. 곧바로 description을 마크다운으로 렌더링하도록 바꿔서, README를 그대로 붙여넣어도 되게 했다.
이력서 PDF: 하루 안에 네 번 뒤집은 글자수 제한
프로젝트 description을 이력서에 그대로 넣었더니 길이가 들쭉날쭉해서 레이아웃이 흔들렸다.
- 1차: 4개 프로젝트 기준으로 글자수 제한을 확장
- 2차: 그래도 부족해서 글자수 제한을 완전히 제거
- 3차: 대신 description을
##섹션(목적/과정/성과)별로 파싱해서 렌더링 - 4차: 성과만 있고 기술 스택이 안 보인다는 피드백 → 목적/과정/기술/성과 4섹션으로 확장
경력 설명도 줄바꿈이 사라지는 문제가 있어 whitespace-pre-line을 적용했다가, 다시 bullet 리스트 렌더링으로 손봤다.
사이트 자체를 프로젝트로
hunipopol 포트폴리오 사이트 자체를 프로젝트 목록에 최상단으로 추가했다. "왜 만들었나 / 기술 선택 이유 / 구조"를 마크다운으로 적어 넣었다. 이 사이트가 곧 포트폴리오라는 걸 사이트 안에서도 보여주고 싶었다.
그 밖
챗봇 위젯 URL을 congkong.net으로 갱신했고, ESLint 에러를 전부 잡으면서 eslint-plugin-security를 새로 추가해 unsafe-regex 같은 룰도 걸어뒀다.