땡스클립 프로젝트 - 개인 개발 회고 (4) 폰트 편집 툴바 & LetterText 컴포넌트 제작

Konseo·2023년 2월 6일
0

프로젝트회고

목록 보기
5/6

폰트 편집 툴바 & LetterText 컴포넌트 제작

관련 PR

기능

  • 폰트 옵션 툴바 디자인
  • 폰트 옵션 선택에 따라 텍스트 폰트 바뀌도록 jotai값 업데이트 ⇒ 폰트 편집 툴바 제작 완료
  • 편지 텍스트가 편지지 형태에 잘 들어맞게 (줄간격, to-text-from 배치) incline css 적용하여 하나의 컴포넌트로 제작 ⇒ LetterText 컴포넌트 제작 완료

Keep

프로젝트 완료 후에도 간직하고 싶은 잘했던 것 / 좋았던 것

ex) "~기술 적용을 했더니 효율적으로 ~를 할 수 있었다.”

  • 추후 비디오 렌더링 적용을 쉽게 하기 위해서 세 가지 편지지 형태에 모두 잘 맞게끔 텍스트를 배치시킨 LetterText 컴포넌트를 제작하고, 이를 이미지화하여 비디오에 삽입하였다.
    • 폰트 파일(.ttf)이 로컬 환경에만 있었기 때문에(= 우리는 따로 서버가 없는 서비스였고, aws lambda에는 폰트파일이 존재하지 않음) 편집기에서 폰트를 선택하여도 실제로 배포 후 적용되지 않는 문제를 해결을 해결하기 위한 최선의 대안이기도 하였다.

Problem

프로젝트 중 겪었던 어려움

ex) "~기능 적용 중 ~이슈가 발생하였다.”

  1. 폰트 옵션 툴바 디자인을 할 때 단순히 텍스트 배치가 아니라 svg로 뽑아내서 아이콘형태로 배치하려 했다.

    • 하지만 동일한 svg, 다른 색상인 파일이 많아서 svg파일을 효율적으로 관리하기 위해 이를 일일이 다 svg로 뽑아내지 않고, svg 속성을 잘 조정하고 싶었다.
    • 그치만 원하던 대로 적용이 잘 되지 않았다 🥲

Try

Problem 중 해결된 사항에 대한 해결 방법 / 해결되지 않은 사항에 대한 피드백

ex) "~기능 적용 중 발생한 ~이슈 해결을 위해 ~를 하였다.”

  1. https://di-story.tistory.com/136 ← 끝까지 해결은 못했지만, 해당 링크를 참고하여 다음번엔 성공해내고 싶다
profile
둔한 붓이 총명함을 이긴다

0개의 댓글