글쓰기 메뉴

어?

어? 그새 업데이트 됬네 깔끔하고 좋다 ㅎㅎ


다른 글들
1 0
Square

업데이트

프레임워크 버전이 너무 올라가서 나중에 따라가려면 대형 공사가 될까 걱정되어 프레임워크 버전업. 하지만 이미 큰 공사였음. 아 힘들어.
텍스트 에디터도 자잘한 오류들이 많이 보여서 코드 정리 및 라이브러리들 일부 업데이트. 완전 힘듬.
별로 테스트 해볼 시간은 없어서 대충 동작되는 것 같아서 서버에 적용.
오류나면? 알려주삼.
1 0
Square

안드로이드 앱 업데이트

씬디는 원래 웹 버전이 베이스라 (아.. 시대착오적...) 초기부터 쓰시던 분들은 앱이 있는지도 모르실텐데 몇달전에 안드로이드만 우선적으로 (제가 안드유저라) 등록했었습니다.
저조차도 앱은 설치했지만 설치하고 보니 '당겨서 새로고침' 이 안되기에 뭔가 어색해서 안쓰고 있었죠.
그런데 간간히 안드 앱으로 사용자분들이 들어오시더니 급기야는 누군가 플레이스토어에 무려 리뷰를 남기신겁니다!!
화면 회전 시키면 첫페이지로 돌아간다는 오류 리포트를요.
엄청나게 짜증나는 오류일텐데 그걸 리뷰로 남겨주신 정성과 애정에 무한한 감사를 느꼈지만 과연 내가 언제 업뎃 작업을 할 수 있을까하는 걱정도 있었습니다.
그러다가 오늘 아침 드디어!!! 꽤 이른시간에 출근하게되어 상큼한 기분으로 풀충전되어있는 그 타이밍을 놓치지 않고! 앱을 업데이트했습니다.
회전 시 초기페이지 이동 오류와 '당겨서 새로고침' 을 추가했습니다.
혹시나 씬디 사용하시다가 오류나 버그가 아니여도 불편한점이 있거나 추가되면 좋겠다는 내용이 있으면 아무곳으로나 알려주세요.
씬디에 글로 써주시면 제일 좋구요.
사족)
당겨서 새로고침을 직접 구현하지 않고 안드로이드 SDK 에서 제공하는 SwipeRefreshLayout 을 사용해버렸네요.
구버전 호환성을 꼼꼼하게 확인하지 않았는데.. 업댓은 했으나 마음의 짐은 또 하나 생겼네요 ㅠ.ㅠ
4 4
Square

업데이트 정리
알림과 글거리

열흘 정도 씬디는 손도 못대다가 이틀정도 짬을 내 몇가지 업데이트를 적용했습니다.
더딘 작업의 원인은 작업 시간과 인력이라는 절대적인 리소스의 부족도 있습니다만 그보다는 "잘 쓰고 잘 보여준다" 라는 주제가 너무 어려워 스케치와 설계만 반복하던게 더 크네요.
페이지 단위의 글쓰기나 기절할 정도로 화끈한 결과물 디자인은 설계와 스케치 그리고 자료조사만으로 시간을 잡아먹고 있었고 구글 보이스 입력은 적용 직전까지 개발했었으나 개발단계에서의 테스트 결과와 실사용 테스트 결과의 차이가 커서 시간만 잡아먹고 후일로 미루게 됐네요.
그 외에 사용자 행동과 입력 내용을 분석해 딥/머신 러닝으로 새로운 글쓰기를 제안해보자는 의견도 실사용이 가능한 수준으로 개발하자니 덩어리가 커서 망설이고 있습니다.
십여일의 방치가 마음의 짐이되어 괴로움을 떨쳐내기위해 조금 덩어리가 작고 맥락이 다른 기능들을 업데이트했습니다.
1. 폰트 변경
주 폰트였던 네이버의 나눔 고딕과 MS의 맑은 고딕을 구글과 어도비의 Noto Sans KR 로 변경했습니다.
제목에는 noto 폰트가 사용되고 있었습니다만 이를 본문 등으로 확대 적용했습니다.
그간은 PC와의 평균적인 스타일 유지를 위해 보다 범용적인 고딕체를 사용했습니다만 모바일 사용자가 압도적이라 모바일 기준으로 변경했습니다.
2. 카드 디자인 변경
noto 폰트의 굵기(weight)를 normal 보다 한단계 낮은 300으로 사용하고 있습니다. 기존의 둥그런 덩어리의 카드 디자인이 여리여리한 폰트와 잘 맞지 않아 선을 살려보려고 디자인을 변경했습니다. 덩달아 제목의 크기도 살짝 작아졌습니다.
낯설고 마음에 들지 않는다는 의견이 있습니다만 ㅠ.ㅠ
3. 알림
요원(!)간의 활동과 내부활동을 위한 일반적인 알림 기능을 적용했습니다. 웹소켓 등을 사용하지 않고 있어 완전한 실시간은 아닙니다만 현재의 규모에선 아직 필요를 못 느끼고 있습니다. 
작성 글에 댓글이 등록되거나, 작성한 글이나 댓글이 추천받을 때, 댓글 입력시 @로 사용자를 호출할 때 알림이 생깁니다. 최근 5건의 알림은 우상단에 있는 종 아이콘을 눌러 확인할 수 있습니다.
알림은 7일간 보관되고 7일간의 전체 알림을 확인하는 페이지는 아직 없습니다.
4. 글거리
"ㅇㅇ에 대해 글을 써보세요" 라는 기능의 시작은 게스트 사용자들이 "asdf" 식의 무의미한 테스트 글을 작성하는 것을 좋은 방향으로 유도해보자는 의도였습니다.
그리고 그 뒤로 의미없는 문자들로 작성되는 게스트글들이 사라졌으니 효과가 있었네요.
게다가 주제어를 사용한, 주제어와 유사한 글이 간간히 등록되는 것에 혼자 고무되어(!) 이를 "글거리"라는 이름으로 모두에게 공개하면 좋겠다고 생각하게 됐습니다.
메뉴에서 글거리 항목을 클릭하고 들어가면 간단하게 글거리를 등록할 수 있습니다.
글거리를 등록한 요원이 누군지는 노출되지 않습니다. 재밌는 거리들이 등록되면 저도 멋진 글 좀 써보고 싶습니다 ㅎㅎ
5. 추천글 로직 변경
이건 뭐 씬디 없어지는 날까지 계속 변경되지 않을까 싶습니다. 태그와 키워드, 작성자를 기준으로 보여주던 것 중 작성자 기준을 삭제하고 일정 시간 이내의 추천수와 조회수로 변경해봤습니다.
여전히 딱히 마음에 드는 결과가 나오진 않네요 ㅎㅎ
끝!
+)
아. 시스템 업데이트도 있었네요.
딱히 해킹을 당했거나 성능에 영향이 있는 정도는 아니였지만 스팸시스템들도 계속 스팸 등록을 시도하고 있었고 널리고 널린 감염 시스템들이 묵묵히 공격을 수행하고 있기에 fail2ban 필터를 늘리는 등의 보안 강화 작업이 있었습니다.
그냥... 그랬다구요. ㅎㅎㅎ
뜬금없음에 종지부를 찍어보자면...
씬디 요원님들 애정합니다~ ㅎㅎ
3 0
Square

씬디 업데이트 - 파일로 글쓰기

1. 노트와 연습장, 연필과 펜으로 작성된 아날로그 컨텐츠를 디지털로 변환시키는 최초의 소프트웨어가 뭘까?
  - 접근성과 가벼움으로 승부하는 - 메모장
  - 전통의 워드 프로세서 - MS워드, 아래아한글, 오픈오피스
  - 디지털 네이티브 - 구글 독스, 에버노트, 블로깅 툴 등
2. 한글이나 워드로 작성한 기사를 메모장에 붙여넣었다가 다시 CMS 기사 입력기에 붙여넣고 있어요.
  - 기자들한테 진짜 많이 들은 얘기. 주로 앞뒤의 다른 문제를 설명하기 위한 기초 설명이지.
3. 메모장에 작성한 글을 복사해서 씬디에 올렸는데 앞부분이 잘렸어요.
  - 씬디 사용자에게 받은 피드백. 2번과 같은 구조. 
  - 앞부분이 잘리는 문제는 당연히 코드를 수정해야겠지만 "메모장 복붙" < 이거 해결해야겠다.

그래서 씬디에다가 "파일로 글쓰기"라는 기능을 추가해봤지!
아직까지는 오로지 문서 파일에 있는 "텍스트"만 발라내는 용도로 쓰이고 있어.
하지만 기능이 유용하다고 생각되면 - 사용자의 글쓰기 과정 & 디지털 퍼블리싱 과정에 알맞은 기능이라고 생각되면 - 엑셀 파일을 올릴 경우 표나 차트를 자동으로 만들어준다거나, 문서에 포함된 사진, 비디오 같은 멀티미디어도 옮겨준다거나 하는 쓰임이 추가될 수 있겠지. 
글쓰기 화면 하단에 있는 업로드 영역에 드래그&드랍으로 파일을 떨구거나 "글 불러오기" 버튼을 사용해 파일을 업로드하면 끝!
복붙에서 발생되는 문제와는 또 다른 무시무시한 문제가 있지.
인코딩.
아! 좌절스러워 ㅋㅋㅋ
일단은 문서의 인코딩을 추측해서 자동으로 변환하고 있지만 컨텐츠가 발라지지 않거나 문자가 깨지는 문서들이 꽤 있을 것 같아.
그렇지만! 서비스와 기능은 오픈시켜 사용되지 않으면 발전할 수 있는 기회도 없다는걸 잘 알고 있기 때문에 과감하게 적용! 은 사용자가 적으니 위험부담없이 적용
컴퓨터에 잠자고 있는 글들 올려보세요!
0 1
Square

업데이트 - 커버 추가, 스팸방지, 스타일 수정

저작권문제가 없는 아름다운 커버들이 추가됐습니다. 글을 작성하실 때 커버를 삽입하실 수 있어요.
손님 글 작성 시 더하기 문제가 추가됐습니다. 도메인 블럭으로 불가하네요.
자잘한 스타일 수정이 있었습니다.
1 2

계정분실(좌절)

3일전에 어플 업데이트 하면서 기존 신디계정 비밀번호 잃어버렸다.. ㅜ.ㅜ
내 계정 찾을 법도 없고 울고 싶다.
글 백업하려고 요즘 계획중이었는데...
4 0
Square

커버 오류 수정

커버가 오류가 있었네요.
업데이트도 잘 안됐었고, 신규 커버는 사진이 안나오는 문제가 있었네요.
이제 수정했습니다.
아무도 안알려주시다니!
0 0

rbenv 새로운 버전의 루비 설치하기

설치가능한 루비 버전의 목록은 아래처럼 확인할 수 있지
$ rbenv install --list
목록에 없는 최신 릴리즈의 Ruby 를 설치하려 할 때 rbenv 를 업데이트하면 되지. (Git 버전)
이렇게 하고 설치가능 목록을 다시 확인하면 따단~ 하고 새로운 릴리즈가 떠야하는데 새로운 버전의 루비가 목록에 없는 경우가 있어. 그럴땐 ruby-build 를 업데이트해주자.
잘 될꺼야.
1 1

자! 지금 당신은 씬디의 QA!

추석연휴와 2년만에 휴가라는 개인사가 있어서 작업을 적절한 사이즈로 잘라내는데 실패함. 장시간에 걸쳐 작업을 진행하다보니 긴급수정 내용이 수시로 포함되고 개발했던 코드도 시간 지나고 다시 보니 또 수정해야겠고, 수정하고 보니 기존 패턴과 달라서 기존 코드도 부분적으로 리펙토링하고... 이러쿵 저러쿵... 
그래서 이번 업데이트에 내용들이 포함되어 있는지 다 까먹음 ㅇㅇ. 까먹을만큼 자잘한 사이즈긴한데 꽤 중요한 수정들이 있었던게 문제. 그래서 오류가 꽤 있을 수 있으니 이 글을 읽는 당신께서 뭔가 이상한 오류나 버그를 발견하면 갖은 방법으로 이를 알려주기 바람.
애니웨이, 이번 업데이트는 원래 "파일첨부" 였음.
에디터 툴바에 종이클립 모양으로 기능이 추가됐음. 그런데 이거 작업하다보니 에디터에 삽입되는 멀티미디어(사진, 유튜브 영상, 각종 iframe)의 추가적인 콘트롤이 불가피해짐. 특히 씬디에서는 멀티미디어를 수정불가 속성의 figure 태그로 사용하고 있는데 이 때문에 멀티미디어가 위아래로 붙어버리면 그 사이에 라인을 삽입할 수 없거나, 삭제가 어렵고 HTML 레벨에서 깔끔하게 지워지지 않는 등의 문제가 마구마구 발생! 뭐.. 대충 다 때워놨음. 고장난거 있음 알려주기 바람.
그리고 헤더나 인용, 코드 단락의 설정을 단축키로 지정할 수 있도록 했음. 예를 들어 ctrl+h 단축키를 계속해서 누르면 H1, H2, H3, P 순서로 단락 스타일이 변경됨. 단축키는 상단 툴바에 물음표 아이콘으로 확인 할 수 있음. 
아.. 그리고 사진 업로드할 때 orient 정보 있으면 적용되게 수정했고 또 뭐 했더라... 정말 기억안나네... 모르겠다. 끝!
2 1
Square

Basecamp / Trix
리치 텍스트 에디터의 해답이 되길

브라우저 기반의 WYSIWYG 에디터들은 오늘도 전투를 치르고 있다. 최소한 20년은 진행된 전투다.
답답한건 이 전투가 시장에 대한 답을 갖고 있는 솔루션간의 전투가 아니라 Internet Explorer 5.5 시절에 Microsoft 에서 설계한 contenteditable 과 execCommand API 와의 전투라는 점이다.
여기에 더해 다른 브라우저들은 공개된 문서없이 contenteditable 속성과 execCommand 기능을 지원하며 애초에 명세없는 기능들이 각 브라우저별로 다른 방식으로 개발되어 버려 헬게이트가 열린 것이다.
물론, 충분한 수준의 브라우저 커버리지를 갖고 있는 양질의 제품이 많이 있다.
CKEditor, TinyMCE, wysihtml5, Summernote, Froala, Redactor등의 제품들이 WYSIWYG 를 정리할때면 꼭 등장하는 제품들이고 아예 contenteditable 을 버리고 위키처럼 마크업 편집기를 발전시키는 진영도 있다.
하지만 마크업 편집기는 진입장벽이 분명해 관련된 경험이나 이해가 없는 일반 사용자를 대상으로 제공하기는 어렵다.
근래 모바일 환경이 빠르게 발전하면서 모바일 브라우저와 브라우저 엔진들이 빠른 속도로 업데이트되어 WYSIWYG 개발자들이 미친듯이 바빠진 것 같다. 내가 업데이트 내용을 피드로 받는 에디터는 2종에 불과하지만 근래 패치노트들을 살펴보면 iOS 브라우저 관련 버그 수정, Android, iOS webView 관련 버그 수정 등 모바일 관련 업데이트가 지속적으로 늘고 있다.
기능 추가가 아닌 버그픽스 업데이트가 잦아졌다는건 그만큼 최근 환경에 대한 버그가 증가했다는 말이다. 브라우저 기반의 에디터 제품들은 앞서 말한 것 처럼 contenteditable 과 execCommand 를 족쇄처럼 차고 있기 때문에 특정 환경에서 치명적인 문제는 대부분의 제품에 동시에 영향을 끼친다.
WYSIWYG 와 뗄 수 없는 관계에 있는 나는, 이런 상황이 발생할 때 마다 에디터들에 대한 정보를 모으고 테스트하고 HACK 이 가능한 부분이 있는지 살펴보며 좌절하고 그저 시간이 지나 관련된 문제들이 차근차근 정리되길 기다릴 뿐이다.
그러던 중 반가운 소식 하나.
Basecamp 팀에서 trix 라는 새로운 리치 텍스트 입력기를 공개했다.
contenteditable 과 execCommand 에 대한 종속성을 최소화 시켰다고 한다. 관련 내용을 정리해보면,
아! 개행복.
이론적으론 이제 IME 말고는 신경쓸게 없다는 얘기다.
Basecamp 에서 몇년전에 Wysihat 이라고 WYSIWYG 엔진을 오픈소스로 개발하던 적이 있었는데 생각보다 빠르게 개발이 중단되어 Wysihat 엔진으로 모든 에디터를 교체했던 나는 좀 많이 아팠지만 Basecamp 내부에선 더 큰 아픔을 겪고 Trix 가 나왔겠지라고 기대하고 있다.
씬디도 Trix 로 에디터를 교체하기 위해 개발을 진행하고 있으며 많은 개발자들이 Trix 에 관심을 갖고 참여해 WYSIWYG의 지리한 전투가 종식되길 기대해본다.
Trix : https://github.com/basecamp/trix
2 0

인쇄 및 PDF 내려받기

인쇄버튼과 PDF 내려받기 기능이 추가됐습니다.
같은 방식으로 XML과 이미지 등 많이 쓰이는 형식으로 글을 내려받는 기능을 천천히(!) 추가할 계획입니다.
큰 쓰임이 없는 기능이겠으나 "입력"에만 집중하겠다는 씬디의 현재 컨셉과는 잘 맞는 기능인 것 같습니다. 생산된 콘텐츠의 유통과 사용은 기존방식과 망에 맡기는게 좋다는 (교체가 넘사벽) 생각입니다.
다음 업데이트는 손쉬운 조작을 위해 페북 공유를 OG로 변경하는 작업, 카톡이나 이메일 공유 등의 기초적인 공유 기능의 정리를 계획하고 있습니다.
쌓인 작업 중 우선 순위가 높은 작업은 "표 입력", "차트 입력", "폰트 및 디자인 수정", "파일 첨부" 등 입니다. 
끝!      
1 3
Square

XX신문 온라인 기사면 광고 비율

어제 한글날 기념 폰트 다운로드 정보 페이지 업데이트를 위해 구글검색 중 한 뉴스 사이트를 방문하게 됐어. 인터넷뉴스나 언론사 닷컴 사이트에 광고 갯수도 많고 질도 떨어진다는건 익히 알고 있음에도 불구하고 페이지가 열리고 스크롤을 내리는 내내 숨이 막혀 죽을 것 같더군.
그래서 1415 x 908 크기로 브라우저를 띄우고 첫화면에서 광고 비율이 얼마나되는지 확인해봤어.
광고(적색) : 43.71%
기사(녹색) : 12.83%
기타(청색) : 15.30% (제호, 메뉴, 사고 등 브랜드 콘텐츠)
사실 이 영역은 좋아하는 이성이랑 처음 데이트하는 날 헤어스타일이랑 같은거야. 딱 이만큼의 크기로 첫인상이 결정된다는 말이지. 물론 이미 첫인상이 각인됐고 상대방은 페이지에 떨어지면 휙휙~ 스크롤하며 필요한 것만 쪽쪽 뽑아내고 바로 떠나는 만남이 일반화된게 문제지만, 지금이라도 바꿔야하지 않겠어?
오~래 걸리겠지만 머리카락도 단정하게 손 보고 찌개국물 늘어붙은 티셔츠도 좀 빨고... 그리고 진짜 가장 중요한건 거울 좀 보라는거야.
기자들, 편집자들 자사 사이트는 확인도 안하고 네이버에서 자기 이름넣고 기사 읽어보는 웃기는 짓 좀 그만했으면 좋겠어.
지금 어떤 꼴인지 좀 보고 다른 사람 만나라. 민폐야 민폐.