본문 바로가기

프로젝트

(78)
Toast UI Editor (tui editor) plugin 적용하기 (#2) 서론 지난 글에서 tui editor에 plugin을 적용해 봤었다. 다만 해당 plugin은 css가 없는 단순 기능 추가였어서 현재 코드의 문제가 드러나지 않았었는데 이번에 적용하는 code-syntax-highlight에서 아주 대차게 고생시켰다. 해당 플러그인은 codeblock에서 문법 강조 효과를 주는 플러그인으로, 블로그 글도 올리고(js, vue) swift도 포스팅도 올리고, 후에 올릴 다른 프로젝트에 관한 글들까지 생각하면 문법적으로나 시각적으로나 구별이 좀 필요할 것 같다고 생각이 들었다. 책을 안 읽은 사람보다 한 권만 읽은 사람이 더 무섭다고 했던가... 어줍잖은 지식으로 기고만장하면 어떻게 되는지 뼈저리게 느꼈다. 이번 포스팅은 tui editor의 기본 플러그인인 code-sy..
Toast UI Editor (tui editor) plugin 적용하기 (#1) 서론 지난 글에서 테스트 중에는 크게 불편함을 느끼지 못했던 에디터의 몇몇 문제에 대해 이야기 한 적이 있다. ( https://chillog.page/board/chillog/1617855589867 ) 시각적인 부분과 몇몇 간단한 문제들은 당일, 익일에 걸쳐 수정을 완료했지만, 아마 부족한 내 실력과 더불어 '문서화가 잘 되어 있지만 잘 되어 있지 않다.' 라는 어느 분이 지적한 문제가 겹쳐 상당히 해멘 Toast UI의 vue에서의 plugin 적용 법에 관한 이야기 이다. 이번 글에서 적용한 plugin은 tui markdown editor에서 셀 병합 기능을 추가해 주는 plugin으로, 학습 내용을 정리하던 중 너무 불편해 이걸 해결하지 않고는 차마 견딜 수가 없었다. 따라하고 있던 fkkme..
왠진 모르겠지만 첨부한 사진이 날아가는 문제. 서론 이전 글의 문제를 안 것과 동시에 발견한 문제인데 테스트 후 '진짜'문제라는 것을 확인했다. 올린지 좀 된 글들의 일부 사진을 불러오지 못하는 것을 확인했고, 그런 글들의 사진을 전부 다시 등록 했다. 그리고 다시 불러오지 못하는 것을 확인 했는데, 날아갈 거면 다 날아가던지... 왜 어떤 건 멀쩡하고 어떤 건 날아가는지... 당췌 이해가 안 간다. 본론 바로 이런 식으로 날아 가는데 webp, jpg만 남고 png가 주로 많이 날아갔길래 그런 문젠가 보다... 라며 좀 편해졌을 텐데 그냥 무작위로 저런 현상이 생긴다. (슬슬 그냥 티스토리나 할 걸 그랬나 싶기도 하고...) 조금 더 케이스가 쌓여야 감이 잡힐 것 같다.
운영하다보니 날 괴롭히는 editor 문제 서론 사용상의 문제는 간단하게 동작을 검증하는 테스트 단계에선 알아차리지 못하는 경우가 많다. 이번 문제는 현재 사용하고 있는 toast editor(tui editor)를 사용하면서 파악한 문제들이다. 2020년 3월 기준 2.0으로 업데이트 된 에디터로, 무료, 실시간 마크다운과 위지웍 동시 지원을 자랑하는 에디터이지만 간단하게 사용하면 문제 없어 보이지만 당장 검색만 해봐도 사용하기 불편하다는 것을 알 수 있다.🥲 본론 viewer에서의 마크다운 태그 문제 글의 최 상단에 이미지가 들어가는 경우엔 문제가 없지만 중간에 이미지가 들어가는 경우 사진과 같이 마크다운 이미지 태그가 그대로 노출 되는 것을 볼 수 있다. 마크다운, 위지웍 전환 간의 양식 '개박살' 문제 마크다운 문법은 간단한 문법의 조합으..
Firebase Hosting 도메인 연결 후 google authentication 인증 문제 서론 우여곡절 끝에 새 도메인을 연결 했지만 실제 사용 하는 데 문제가 하나 있다. 바로 그나마 만들어 둔 소셜 로그인(google auth)가 제대로 동작하지 않는 다는 점인데, 완전 난감할 수 밖에 없다. 본론 증상은 이러하다. 새로 연결 한 도메인으로 블로그에 접속 하는 데 까진 문제가 없지만, 글을 작성하고, 관리하기 위한 로그인 과정에선 문제가 발생한다. 대충 해석하면 '이 도메인은 이 동작을 사용하기 위한 인증이 되지 않았다. 다음으로 가서 추가해라.' 라는 뜻으로 일단은 시키는 대로 해 보는 게 좋다. 'firebase console > auth section > sign in method' 로 이동하자 차근차근 보다 보면 누가 봐도 관련 있어 보이는 부분이 있다. 도메인 추가를 누른 뒤 연..
Firebase Hosting 도메인(domain) 연결하기. 서론 블로그를 임시 오픈하긴 했지만 아직 남들에게 보여주기 민망한 수준이다. 컨텐츠나 대쉬보드의 경우엔 시간이 해결해 줄 문제이지만 가장 간단한 방법으로 도메인(domain)을 생각해 봤다. 쉽게 말하면 naver.com 같이 서버 ip를 대신하는 주소를 도메인이라고 하고. 이 도메인은 한 사람이 할당 하면 다른 사람을 사용하지 못하게 된다. 일반인들은 모르겠지만 나나 여러 개발자들의 경우 자신만의 사이트나 블로그를 갖고, 자신만의 도메인을 하나쯤 소유하고 싶은 욕구가 생긴다. 하지만 이 도메인을 사용하는 것은 일정량의 비용이 들고, 엄두도 못 내던 찰나 올 해에 하나 장만해 봤고, 이를 실질적으로 사용하는 과정을 적어 본다. 본론 내 블로그는 vue.js를 사용하고 서버 및 기능은 firebase에 의..
SPA(Single Page Application)의 Firebase Hosting '404(page not found)' 오류 서론 우여곡절 끝에 firebase hosting을 사용하여 블로그를 열었지만 처음으로 보여 준 선배에게 바로 보고를 받았다. (소소한 감사를...) 로컬 서버에서 작업할 때는 파악할 수 없었던 문제라 firebase의 베타 테스트 기능이 왜 필요한지 잘 알게 됐다. 본론 현상은 이러하다. 사용중에 '새로 고침'이나 '뒤로 가기'를 수행하면 'page not found'를 표시하는 404.html로 이동한다. 주소로 접속하면 다시 이용 가능하다. 언제나 그렇듯 난 웹을 전공 하지도, 정석적으로 배우지도 않아 자세한 이유는 모른다. 최초 문제 접근 키워드는 '파이어베이스 호스팅 새로고침 404'로 운 좋게 해당 오류의 설명을 들을 수 있었다. https://darrengwon.tistory.com/245 ..
Today Memo (하루를 시간 순으로 메모하기) 1.0 더보기 해당 단축어는 다음의 기능을 포함합니다. 동작을 위해 최초 실행 시 메모앱의 접근권한 요청을 진행합니다.(iOS 기본 정책) 현재 날짜와 일치하는 메모가 없는 경우 해당 일자의 새 메모를 생성합니다. 현재 날짜와 일치하는 메모가 있는 경우 해당 메모에 타임스탬프를 포함하는 새 메모를 업데이트합니다. 각각의 단축어들은 마지막 메모 확인 과정의 유무에 따라 'with review'와 'no review'로 나뉩니다. Today Memo with no review Today Memo no review 사용법 아래 2.1 소개 영상을 확인해 주세요. 2.1 더보기 해당 단축어는 다음의 기능을 포함합니다. 사용 전 단축어를 위한 폴더를 생성해야 하며, 개선된 기능 사용을 위해 단축어를 수정해야 합니..