1
오픈마이크
2
오픈마이크

사이트 개편 후 새로운 기능 소개

 
4
  756
Updated at 2016-10-18 01:23:13
안녕하세요, 힙합플레이야입니다. 

매니아 커뮤니티 플랫폼 도입으로 인하여 새롭게 추가된 기능을 소개합니다. 버그가 있거나 추가로 건의해 주실 부분이 있으면 알려주시면 적극 반영하도록 하겠습니다.


  • 글쓰기시 유튜브/사운드클라우드 등 자동 변환 기능 
    • 게시판 글쓰기 창에서 유튜브, 사운드클라우드 등의 동영상 및 음악의 URL 주소를 넣으면 편하게 자동으로 동영상 및 음악으로 변환해 주는 기능이 구현되어 있습니다.
    • 트위터의 트윗 및 동영상
    • 인스타그램의 사진 및 동영상
    • 사운드클라우의 음악
    • 트위터와 인스타그램은 로딩에 2~3초 정도 걸리며 자동 변환시 변환 중이라는 문구가 출력됩니다. PC 및 모바일 모두 지원됩니다. 트위터의 경우 코멘트에서 레이아웃 폭을 약간 넘어가는 문제가 있습니다. 한국 네이버나 다음 동영상의 경우 URL로 퍼올 수 없는 구조라서 한국 사이트는 제외되었습니다. 위 기능 모두 해당 컨텐츠의 URL이 별도로 존재하는 페이지에서 URL을 복사해서 넣어주셔야 합니다. 

  • 글쓰기시 이미지 최적화 엔진 탑재
    • 게시물에 사진과 GIF 동영상 첨부시 게시판 이용에 불필요한 용량을 대폭 줄여주고 게시물 보기시 편리성이 대폭 향상된 이미지 최적화 엔진을 개발하였습니다.
    • 힙합플레이야에 첨부가 되지 않은 이미지들도 모두 자동으로 다운로드 받아 처리됩니다.
    • 게시판 가로폭 보다 큰 사진의 경우 표시는 작게 되지만 원본을 그대로 로딩하게 되어 트래픽만 낭비되는 문제가 있었습니다. 앞으로는 게시판 가로폭보다 큰 모든 사진들이 게시판 가로폭에 맞게 리사이징 되어 출력되며 이미지 클릭시 원본을 볼 수 있도록 되어 있습니다.
    • 움직이는 GIF의 경우 가벼운 MP4 동영상 파일로 서버에서 자동 변환되어 똑같은 화질의 영상을 감상하는데 용량이 평균 1/8로 줄어들며 트래픽과 로딩 속도가 대폭 개선되었습니다.
    • 용량이 줄어든 것에 그치지 않고 모바일에서는 영상이 자동재생 되지 않고 플레이 버튼이 생겨 로딩 속도와 트래픽 소모를 대폭 줄였습니다.
    • 글쓰기시에 평소 하시던대로 글을 작성해 주시면 되고, 글쓰기 완료시에 이미지 처리 진행 상황 페이지가 출력되어 조금만 기다리시면 처리가 끝나도록 되어 있습니다.

  • 회원 프로필 이미지  
    • 회원 자신만의 개성을 한껏 더할 수 있도록 프로필 이미지 기능을 도입하여 이미지를 통해 회원분들 스스로를 표현할 수 있도록 하였습니다.
    • 프로필 이미지는 본문 작성시 본문 우측에 표시됩니다.
    • 프로필 이미지를 입력하지 않을때는 프로필이 없는 경우를 위해 페이지 레이아웃을 만들어 불편감이 없도록 하였습니다.

  • 모바일 최적화
    • 현존하는 거의 모든 기기에서 힙합플레이야를 아름답고 편리하게 이용하실 수 있도록 대한민국 최고 수준의 최적화를 달성하였습니다.
    • 기기의 가로모드, 세로모드를 가리지 않고 모두 미려하게 작동합니다.

  • 동영상 팝업기능 추가
    • 동영상을 한켠에 띄워놓고 힙합플레이야 내 페이지들을 서핑을 계속 할 수 있도록 도와주던 동영상 팝업 기능이 도입되었습니다.
    • 동영상 팝업 기능의 가장 큰 단점이었던, 동영상을 보던 중 팝업을 누르면 처음부터 동영상이 다시 재생되는 문제를 해결하여 끊김없이 재생할 수 있도록 업그레이드 했습니다.
    • Youtube 동영상에서만 잘 돌아가던 문제를 해결하여 모든 동영상 컨텐츠에도 문제 없이 작동할 수 있도록 문제를 해결하였습니다.
    • 이제 전체화면 모드를 지원하지 않는 동영상에서 사이즈 문제로 인해 답답하실 일은 없으실 것입니다.

  • 사이트 속도 개선
    • 이번에 도입된 매니아 플랫폼은 일반 커뮤니티와는 달리 엄청나게 복잡하고 다양한 기능이 들어가 있어 서비스 속도를 떨어뜨릴 수 있는 요소가 많이 있었지만, 많은 최적화와 연구를 통해 많은 기능을 탑재하고도 더욱 빠른 퍼포먼스를 낼 수 있도록 하였습니다.

  • 게시판 보안 업그레이드
    • 그누보드를 사용한 커뮤니티의 가장 큰 해킹 루트인 XSS(Cross Site Scripting) 해킹 위협으로 부터 자유로울 수 있도록 HTML 필터링 시스템 설치하였습니다.
    • SQL Injection의 위협으로 자유로울 수 있도록 되었습니다. 사용자 입력 내용의 필터링 기능을 도입하기 위해 2600 여곳의 데이터베이스 관련 쿼리 구문들을 전면 재검토 하여 보안 헛점이 있을 수 있는 핵심적인 대부분의 보안 헛점을 대부분 보완하였습니다.

  • 회원 구독하기 기능 
    • 특정 회원을 구독하기로 추가하면 구독신청을 하신 회원 분들의 새글이 포스팅될때 실시간으로 알림을 받으실 수 있습니다.

  • 글쓰기시 링크 자동 꾸미기 기능 추가
    • 링크 주소는 본문안에 붙여 넣어도 독자에게는 의미 없는 글자들의 연속일 뿐입니다. 이에 해당 링크가 첨부된 게시물에서는 글 보기 시 사이트 도메인 부분(ex: nba.com)만 남기고 나머지는 숨긴 후 보기 좋게 꾸며주는 기능이 추가되었습니다.
    • 단순히 보기 좋게 꾸며주는 기능에서 한 발 더 나아가 매니아 내 게시물의 링크일 경우는 도메인 주소가 아닌 게시물 제목과 게시판 위치가 표시되도록 하여 단순한 url에서 게시물 정보를 최대한 뽑아내도록 하였습니다.

  • 게시물 시리즈 엮기 기능 추가
    • 하나의 주제로 엮인 시리즈 게시물을 여러개의 게시물로 나누어 작성할 경우 작성 간격이 길거나 시리즈가 많아 질 때 한 리스트에서 찾지 못할 경우는 시리즈 초반의 게시물을 독자가 일일이 찾아서 읽거나 게시물 작성자가 스스로의 게시물 시리즈 링크를 본문에 모두 넣어 시리즈의 이전 게시물을 소개를 해야 하는 등의 불편함이 있었습니다.
    • 이에 게시물 작성시 설정할 수 있는 '시리즈 게시물 엮기' 기능을 통해 게시물을 엮어두면 이전의 게시물을 수정하지 않아도 시리즈에 속하는 모든 게시물에서 해당 시리즈의 목차가 작성 시간의 역순으로 자동생성되어, 본문 위/아래에 표시되도록 하였습니다. 시리즈 게시물은 자신이 쓴 글일 경우 글들이 작성된 게시판에 상관없이 엮을 수 있습니다.

  • 페이지 미니맵 기능 
    • 사이트 왼쪽 혹은 오른쪽으로 마우스를 이동시키시면 전체 사이트의 미니맵이 출력되어 빠르게 이동하실 수 있습니다. 
    • 또한 PC버전에서는 왼쪽, 혹은 오른쪽 사이드를 더블클릭하시면 사이트 상단 또는 하단으로 편리하게 바로 이동하실 수 있습니다.
    • 모바일에서는 미니맵을 지원하지 않는 대신에 바로가기 버튼이 좌측 하단에 추가되어 있습니다. 브라우저 특성상 스크롤이 길어지면 원하는 위치로 빠르게 움직일 수 있는 기능이 없어 불편한 문제가 있었습니다. 이에 브라우저 자체의 사용성 문제를 돕기 위해 페이지 내에 최상단 - 코멘트 - 하단 리스트로 바로 갈 수 있는 바로가기 버튼을 제공합니다. 그리고 PC 버전에서는 IE 8.0 버전에서 사이트 미니맵 기능이 지원되지 않아 불편한 점을 보완할 수 있는 기능입니다.

  • 새 글 알림 기능 
    • 사이트 상단 메뉴에 각각 새로 업데이트된 글 수가 숫자로 표시됩니다. 로그인 전의 경우에는 오늘 포스팅된 글 갯수가 표시되며, 로그인 후의 경우에는 내가 읽지 않은 글의 갯수가 표시됩니다. 
    • 사이트 하단의 새 글 알림바에서는 모든 게시판에서 포스팅 된 새 글을 실시간으로 바로 확인하실 수 있습니다.

  • 글쓰기 에디터 개선
    • 일부 크롬 버전에서 사진 업로드 기능이 제대로 이뤄지지 않아 다수의 이미지를 첨부할 수 없는 문제가 해결되었습니다.
    • 익스플로어 11 등에서 이모티콘 등을 입력할 경우 커서 위치가 아닌 내용 가장 첫부분에 붙던 문제가 해결되었습니다.
    • 코멘트 작성시 상대방 닉네임을 쉽게 입력할 수 있도록 도입된 입력 기능 사용시 타이핑 하던 커서 위치에 삽입되지 않는 문제가 해결되었으며 Alt + n 단축키를 통해 쉽게 입력할 수 있도록 하였습니다.
    • HTML 편집 모드에서 작성 글 자동 저장 기능이 작동하면 글 입력 모드로 자동 전환 되는 것을 막아 HTML 편집을 할 때 불편함을 해소하였습니다.
    • 입력한 내용에 따라 자동으로 에디터 길이가 길어지는 기능이 특정 태그에서는 먹히지 않아 불편했던 점을 모든 태그에 적용하여 문제 없이 잘 작동하도록 하였습니다.
    • 원터치 제목 꾸미기 기능을 제공하여 게시물 본문에 미려한 제목 라인들을 추가할 수 있도록 하였습니다. 일부 제목 스타일의 경우 색상 테마 기능과 연동되어 사이트 차원의 일체감을 더 할 수 있도록 하였습니다.
    • 글상자 꾸미기 기능을 강화하여 인용어구와 글상자가 조금 더 예뻐지도록 꾸몄습니다.

  • 개인 연습장 기능
    • 나만의 비밀 게시판으로 활용하실 수 있습니다. 
    • 연습장에 써 둔 글을 각 게시판의 글쓰기 화면에서 불러오실 수도 있습니다.
1
Comment
2016-10-13 04:35:02

수고하셨습니다.

  이전 페이지로
  공지사항 리스트
SERVER HEALTH CHECK: OK