[무료 강의] 132~141쪽, 웹 기술로 나만의 글쓰기 앱 만들기, Design.md, Plan 모드 활용

웹 기술로 나만의 글쓰기 앱 만들기

웹에서 글쓰기 앱을 만드는 작업은 생각보다 간단해요. 여러분이 원하는 기능을 설정하고, 마크다운으로 문서를 작성하면 되죠. 예를 들어, 여러분이 '마크다운으로 문서를 작성하고 실시간으로 멋있게 프리뷰하는 웹 프로그램을 만들고 싶다'라고 명령어를 입력하면, AI가 자동으로 이를 구현해 줄 수 있어요.

실제 구현 과정에서, 노션 스타일로 렌더링을 원한다면 그에 맞게 명령어를 수정해야 해요. 폴더를 만들고, 파일을 저장하고, 마크다운 문법으로 내용을 작성하면, 왼쪽에는 마크다운, 오른쪽에는 프리뷰가 보여지는 형태로 앱이 완성됩니다. 이렇게 간단한 과정을 통해 나만의 글쓰기 도구를 만들 수 있다는 점이 매력적이죠.

디자인 MD의 개념과 활용

디자인 MD는 여러분의 디자인을 일관되게 유지하는 데 큰 도움이 돼요. 구글에서 제안한 디자인 MD는 문서 작성 시 일정한 디자인 규칙을 설정하는 개념인데요, 이를 통해 작성된 문서가 일관된 스타일을 유지할 수 있습니다.

예를 들어, 디자인 MD를 통해 팀의 분위기, 색상 팔레트, 폰트 스타일 등을 문서화하면, 애플리케이션의 UI를 통일감 있게 만들 수 있어요. 실제로 기터블에서 제공하는 디자인 MD 콜렉션을 참고하면, 원하는 스타일에 맞는 디자인 시스템을 쉽게 찾을 수 있답니다. 이를 활용하면, 나만의 개성을 살리면서도 전문적인 디자인을 갖춘 애플리케이션을 만들 수 있어요.

실전 팁 및 애플리케이션 개선하기

애플리케이션을 만든 후에는 지속적으로 개선해 나가는 것이 중요해요. 예를 들어, 여러분이 만든 글쓰기 도구에 PDF 내보내기 기능을 추가하고 싶다면, 간단한 명령어로 이를 구현할 수 있어요.

또한, 사용자가 요청하는 기능을 추가하거나 버그를 수정하는 과정에서도 AI를 활용하면 효율적으로 문제를 해결할 수 있습니다. 예를 들어, PDF로 내보낼 때 글자가 잘리는 문제가 발생하면, 이를 캡처하여 AI에게 피드백을 주면 해결 방안을 제시해 줄 거예요.

이런 방식으로 앱을 지속적으로 개선하는 과정은 여러분의 개발 능력을 키우는 데에도 큰 도움이 될 거예요. 따라서, 기능 추가와 버그 수정을 반복하며 완성도를 높여가는 것이 좋습니다.