SP; 라인 바이 라인!

무엇인지

이미지 설명보기

새로운 문서를 추가하는 모습
새로운 문서를 추가하는 모습



만들어진 문서의 목록
만들어진 문서의 목록



한 문서를 작업하는 모습
한 문서를 작업하는 모습



한 문장에 집중하는 모습
한 문장에 집중하는 모습


주어진 텍스트를 마침표(.)를 기준으로 구분해 한 문장 한 문장에 집중하면서 코멘트를 달거나, 수정본을 작성할 수 있는 웹앱.

왜 만들었는지

주로 번역, 첨삭할 때 사용하려고 만들었다. 공부를 하다보니 영어 자료를 많이 읽게 된다. 블로깅을 하기 위해 번역을 하다보니, 다음 두가지 문제가 있었다.

  1. 글을 띄엄띄엄 읽을 때가 있음.
    그러다보니 내용 이해를 위해 두 번째 문제가 생김.
  2. 작업 중인 문장의 앞뒤 문장을 여러 차레 읽는데 시간을 쏟음.

    그래서 한 줄 한 줄 번역을 도와주는 앱을 만들어야겠다고 생각했다. (라인바이라인 번역이 항상 옳다고 생각하지는 않지만, 기술문서 번역은 라인바이라인이어야 한다고 생각한다)

소득

우선 나의 귀여운 웹앱이 만들어졌다. 아주 작은 웹앱이지만 사이드 프로젝트를 하나라도 완성했다는 뿌듯함을 얻었다. 작은 프로젝트를 많이 해서 숙련도를 쌓고, 프로젝트를 하는 것에 대해 자신감이 생기면 좋겠다.

    처음으로 straight-outta.coffee 도메인의 구매 목적에 맞는 사용을 했다. 작은 프로젝트를 많이 해서, 도메인을 하나씩 연결해주고자 가비아에서 저가의 도메인을 구매했다. 그런데 썩히고 있어서 마음 한편이 불편했는데, 숙원 사업 하나를 이룬 기분이다.

    http://linebyline.straight-outta.coffee 에 접속하면 웹앱을 사용할 수 있다.

숙제

  • 잉크스케이프를 배울까 말까를 확실히 정하자. 배우면 귀여운 프로젝트에 파비콘이라도 넣어줄 텐데..
  • 효율적인 데이터 관리를 위해 Vuex를 배워야겠다.
  • 개발모드와 빌드한 결과물이 많이 다른데, 그 이유를 정확히 모르겠다. 우선 웹팩을 공부해야겠다
  • flexbox를 내가 처음부터 설명할 수 있을 정도로 공부를 해보자.
  • https를 도입해야겠다.

공부 자료:

사용한 기술

- Vue
- AWS S3
- AWS ROUTE53
- Materialize