intropage blog

블로그 이미지
intropage 와 관련된 소소한 이야기들을 공유할게요.
jurohan

Article Category

분류 전체보기 (25)
서비스 소개 (2)
서비스 업데이트 (14)
운영 이슈 (1)
활용 사례 (3)
참고자료 (5)

Recent Comment

Recent Trackback

Calendar

«   2017/11   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

Archive

My Link

  • Total2,042
  • Today0
  • Yesterday5

안녕하세요. 인트로페이지입니다.

최근, 기존에 개발되었던 인트로페이지의 콘텐츠 변경을 베타테스터 사용자가 직접 수정을 하면서 기존에 작성한 코드가 유실되는 상황이 발생할 수 있음을 확인할 수 있었습니다.

위지윅 에디터를 통해 인트로페이지로 작성한 홈페이즈의 콘텐츠를 사용자라면 손쉽게 편집을 할 수는 있지만, 기존에 개발자가 참여하여 완성된 사이트의 경우 위지윅을 통한 콘텐츠 입력이 아닌 직접 코드 입력을 통해 홈페이지를 최적화합니다.

이렇게 개발된 홈페이지에 html코드가 익숙치 않은 사용자가 직접 수정을 하게 되면, 위지윅 에디터에서는 보이지 않는 숨겨져있던 기능 코드들을 실수로 삭제하고 콘텐츠를 변경할 수 있는 가능성이 존재하며, 이럴 경우 사이트의 구성 및 기능에 영향을 주는 경우가 발생합니다.

본 이슈를 관찰하면서, 일반 사용자 층이라면 당연히 접할 수 있는 부분이라 생각하였고, 이들에게 어떻게 숨겨진 개발 코드가 있는지에 대한 힌트를 제공하여 사고를 미연에 방지할 수 있을지 고민하다가 위지윅 에디터를 호출하는 상황(콘텐츠 편집)에서는 기존에 등록된 코드를 시스템 상에서 분석하여 추가 기능성 코드가 작성되었는지를 추측할 수 있는 키워드가 있을 경우, 알림 창을 띄워줌으로써 경고할 수 있는 방법을 생각하였고, 이내 관련 코드를 작성하여 기능을 개선하였습니다.

현재 기능성 코드로 의심되는 키워드로는 script, javascript, id, class, style 등입니다.

본문 콘텐츠에 대한 기능적, 디자인적 수정을 가하려면 필수적으로 입력하는 키워드들이기 때문에 실수로 기능이 유실되는 이슈는 이번 기능 업데이트로 최대한 줄여줄 수 있을 것이라 생각합니다.


신고
Trackback 0 and Comment 0

안녕하세요. 인트로페이지입니다.

인트로페이지는 기 디자인된 코드 템플릿을 바로 적용하여 사이트의 디자인을 손쉽게 변경할 수 있게 하며, CSS/JS 코드를 직접 작성하거나 수정할 수 있는 사용자의 경우 직접 작성할 수 있는 온라인 코드 에디터 기능을 제공하고 있습니다.

하지만 비개발자의 경우 원하는 디자인 템플릿을 선택하여도 배경이미지 등을 자신의 기호에 맞게 수정하기에는 한계가 있었습니다.


이를 위지윅에디터를 통해 조금 쉽게 할 수 있는 방법을 고려하긴 하였으나 코드 자체가 생소한 사용자들에게는 이 또한 어렵게 느껴졌을 것입니다.

이에 조금 더 쉬운 방법을 고민하다가 원하는 영역의 배경이미지를 클릭한번으로 변경할 수 있는 방법을 도출하였고, 이에 대한 개발을 최근에 진행하였습니다.

1. 생성중인 인트로페이지의 디자인 선택 단계로 이동합니다.


2. 수정 버튼을 클릭하면, 팝업창이 출력됩니다.


3. 상단 메뉴창에서 배경 이미지 수정을 클릭합니다.


4. 배경 이미지 등록/변경을 원하는 영역의 배경 변경 버튼을 클릭합니다.

5. 이미지를 업로드 합니다.

6. 퍼블리싱 단계로 이동 후 페이지 활성화 버튼을 통해 수정 내용을 반영합니다.



7. 변경된 배경 이미지를 확인하실 수 있습니다.


다음에 개발할 기술에 대해서는 아직 결정되진 않았지만,
사용자가 조금이라도 더 쉽게 웹을 도구로 쓸 수 있게 도움을 줄 수 있는 기능이라는 방향성은 유지될 것 입니다. 


감사합니다.

신고
Trackback 0 and Comment 0

안녕하세요. 최근 문의가 들어온 본문에 링크 삽입하기에 대한 안내에 대해 알려드립니다.

인트로페이지에 콘텐츠를 입력하는 단계에 보면, 위지윅 에디터라는 형태를 통해 우리가 쉽게 접할 수 있는 워든 한글의 형태와 유사한 형태로 기능이 구성된 버튼들이 보일것 입니다.

이 버튼들 중 Hyper link 버튼을 활용하면 본문에 링크를 삽입할 수 있으며,

본문에 삽입한 링크 중 사용자의 클릭수를 확인코자 하는 경우에는 페이지 활성화 단계에 있는 연관된 온라인 정보에 해당 정보의 URL을 추가하면, 페이지 활성화 이후 Dashboard를 통해 확인하실 수 있습니다.

글로 설명하기에는 조금 복잡해보일 수도 있을 것 같아 영상을 만들어봤습니다.


인트로 페이지 서비스에 사용을 원하시는 경우
http://intropage.net 을 통해 이메일을 등록해주세요.
새로운 소식을 전달해드립니다.

신고
Trackback 0 and Comment 0
prev Prev : [1] : [2] : [3] : [4] : [5] : [···] : [9] : Next next