Blank 👏

Demo

인스타그램을 이용하다보면 줄바꿈이 내 마음대로 되지 않는 경험을 했을 것 입니다. 이를 해결하는 방법은 '⠀⠀⠀' 같이 공백문자를 '\n' 대신 집어 넣어주는 것입니다. 이 방법을 이용한 변환사이트가 이미 존재하지만, 저는 조금 더 텍스트에디터와 같이 이쁜 디자인을 적용하고 싶은 마음에 이번 프로젝트를 진행하기로 했습니다.

목표는 인스타공백닷컴 - 인스타그램 줄바꾸기 와 carbon의 디자인을 결합하여 베어같이 아름다운 인스타 줄바꿈 인터페이스를 만드는 것입니다.

🙏 Todo

1. '\n'를 '⠀⠀⠀' 로 치환
2. 복사 버튼
3. 블랙 & 화이트 테마
4. 자동 높이 변환
5. carbon 디자인 적용

👍

• React
• Sass

💪Used module

• react-textarea-autosize - npm 오토리사이징 모듈
• react-resize-detector 윈도우 리사이징 디텍터
• copy-to-clipboard 클립보드 카피