트리플N 블로그

안녕하세요! 인트로페이지를 운영중인 Treeple의 주로입니다. 최근 위지윅에디터에서 입력한 글자의 색상을 바꿀 수 있는 기능이 추가되었어요. 최근에 공개된 다양한 위지윅에디터들은 더욱 다양한 기능들을 제공하기 때문에, 현재 사용하고 있는 마인드멉에서 개발했던 부트스트랩기반의 위지윅 에디터를 바꿔보려고 알아봤었어요. 기능적으로는 마음에 드는 몇가지 위지윅 에디터가 있었지만.. 기능이 풍부해질수록, 모바일 디바이스에서는 사용하기에 한계가 있어서 고민을 좀 하다가.. 컴퓨터 없이, 스마트폰만 있는 환경에서도, 아프리카처럼 인터넷 환경이 열악한 곳에서도 진행하고 있는 사회혁신 활동을 알릴 수 있는 프로젝트 소개용 사이트를 만들 수 있게 하자! 라는 인트로페이지 초기 미션을 유지하고자.. 기존에 쓰고 있던 위지..

안녕하세요. 인트로페이지를 운영 중인 juro입니다. 소소한 업데이트는 블로그에 따로 공유하진 않았지만! 최근 소소하게 업데이트 했던 것들을 기록하고자 공유합니다. 1. 인트로페이지 제작 단계 GNB의 아이콘 변경 인트로페이지의 제작단계간 이동을 할 수 있는 방법 중 가장 많이 쓰이는 것이 하단의 고정 GNB 영역의 아이콘을 통한 이동이였는데요. 하단의 GNB가 처음에 눈에 안들어온다는 의견이 있었습니다. 단순히 아이콘만 나타나있으니 각 단계를 설명하기에 좀 부족하다는 의견도 있었어요. 이를 개선하고자 기본 아이콘의 변경과 더불어 한글을 함께 병기하였습니다. 좀 더 가독성을 높이고자 했는데, 의도가 잘 반영된 것 같나요 :)? 2. 확장 기능 아이콘 변경 현재 인트로페이지에서는 5가지 확장 기능을 제공하..

안녕하세요. 인트로페이지입니다. 인트로페이지를 통해 홈페이지를 만들게 되면, 기본적으로 http://intropage.net/user_page_name 과 같은 형태의 주소를 제공하며, http://1pg.me/user_page_name , http://npg.kr/user_page_name 등의 단축 주소를 함께 제공하고 있습니다. 하지만 프로젝트에 따라 직접 hosting.kr 등의 도메인 구매 사이트를 통해 원하는 도메인을 구매하고, 이를 인트로페이지와 연결하여 사용하기를 희망하는 경우가 있으실 텐데요! 기존에는 도메인 제공업체에서 제공하는, 도메인 파킹, 도메인 포워딩 등 간접적인 방법으로 연결하시도록 안내했었습니다. 하지만! 이렇게 도메인 파킹, 포워딩을 통해 연결하게 되면.. 페이스북이나 카톡..

시리즈맵은 인트로페이지의 기능으로 인트로 페이지와 외부 링크의 위치와 정보를 지도에 표시하여 보여주는 커뮤니티 맵핑 서비스 입니다. 커뮤니티 맵핑이란 커뮤니티(Community)와 맵핑(Mapping)의 합성어로서, 커뮤니티 구성원들이 지도를 만들기 위해 정보를 수집하고 그 정보를 공유하는 일련의 과정입니다. 즉 지도라는 매개체를 통해서 서로 간의 이야기를 나누고 정보를 효과적으로 공유하는 방법을 커뮤니티 맵핑 이라고 합니다. 커뮤니티 맵핑에 대한 자세한 설명은 이 링크를 통해 확인 하실 수 있습니다.https://goo.gl/eibA68 그럼 인트로페이지의 시리즈맵 기능을 활용해 커뮤니티 맵을 만드는 방법을 소개하겠습니다. 인트로페이지 시리즈 맵은 기존에 생성하셨던 인트로페이지들을 특정 주제별로 묶는 ..

작은 영웅전이라는 타이틀 아래 활동가를 지원하는 프로젝트를 진행하고 있습니다.소셜 미션을 가진 활동을 실행하는 활동가들에게 프로젝트 사이트를 지원함으로써 프로젝트에 대한 정보 확산과 전달력에 도움을 주는 것을 목표로 진행하고 있습니다. 이들 프로젝트들을 인트로페이지를 통해 지원하다보니, 소셜미션을 가진 프로젝트 중 단기 프로젝트의 경우 모금이 큰 축을 이루고 있는 것을 확인할 수 있었고 현재의 모금 진행상태를 그래프 형태로 보여주는 것이 정보 전달력을 높이는 데 도움을 줄 수 있을 것이라 생각을 하여 '목표달성 그래프' 기능을 제작하였습니다.1. 목표달성 그래프 만들기그래프는 페이지 생성 마지막 단계인 '활성화' 단계에서 할 수 있습니다. 그래프를 추가하려면, '그래프 만들기' 버튼을 클릭하면, 그래프 ..

안녕하세요. 인트로페이지입니다.최근, 기존에 개발되었던 인트로페이지의 콘텐츠 변경을 베타테스터 사용자가 직접 수정을 하면서 기존에 작성한 코드가 유실되는 상황이 발생할 수 있음을 확인할 수 있었습니다.위지윅 에디터를 통해 인트로페이지로 작성한 홈페이즈의 콘텐츠를 사용자라면 손쉽게 편집을 할 수는 있지만, 기존에 개발자가 참여하여 완성된 사이트의 경우 위지윅을 통한 콘텐츠 입력이 아닌 직접 코드 입력을 통해 홈페이지를 최적화합니다.이렇게 개발된 홈페이지에 html코드가 익숙치 않은 사용자가 직접 수정을 하게 되면, 위지윅 에디터에서는 보이지 않는 숨겨져있던 기능 코드들을 실수로 삭제하고 콘텐츠를 변경할 수 있는 가능성이 존재하며, 이럴 경우 사이트의 구성 및 기능에 영향을 주는 경우가 발생합니다.본 이슈를..

안녕하세요. 인트로페이지입니다.인트로페이지는 기 디자인된 코드 템플릿을 바로 적용하여 사이트의 디자인을 손쉽게 변경할 수 있게 하며, CSS/JS 코드를 직접 작성하거나 수정할 수 있는 사용자의 경우 직접 작성할 수 있는 온라인 코드 에디터 기능을 제공하고 있습니다.하지만 비개발자의 경우 원하는 디자인 템플릿을 선택하여도 배경이미지 등을 자신의 기호에 맞게 수정하기에는 한계가 있었습니다. 이를 위지윅에디터를 통해 조금 쉽게 할 수 있는 방법을 고려하긴 하였으나 코드 자체가 생소한 사용자들에게는 이 또한 어렵게 느껴졌을 것입니다.이에 조금 더 쉬운 방법을 고민하다가 원하는 영역의 배경이미지를 클릭한번으로 변경할 수 있는 방법을 도출하였고, 이에 대한 개발을 최근에 진행하였습니다.1. 생성중인 인트로페이지의..

안녕하세요. 최근 업데이트된 기능에 대해 소개합니다.인트로페이지는 생성되니 콘텐츠에 대해 관리자 계정으로 로그인 된 상태라면, 활성화 된 인트로페이지에 수정 버튼을 통해 본문 콘텐츠를 바로 수정할 수 있는 기능을 개발했었습니다.이러한 형태를 통해 사용자가 콘텐츠를 수정하기 위해 몇단계의 페이지를 거쳐야 하는 번거로움을 줄여줄 수 있었습니다.그런데 실제 사이트를 제작하고 운영해본 결과, 콘텐츠의 수정이 모바일에서는 작은 사이즈의 화면 내에서 모달창을 통해 편집창을 불러오는 방식은 이용에 불편함이 있었고, 일단 새로운 방법을 적용하기까지는 모바일에서의 활성화 페이지 내 콘텐츠 직접 수정 기능은 막아놨었습니다. 이 문제에 대해 해결방법을 고민하던 중, 현재 공지 팝업 띄우기 처럼 웹페이지 최상단에서 슬라이드로..