[SD ActiveBG] SD_ActiveBG.js 업데이트 로그

Posted by ☆ SD꽁치
2015.06.27 23:28 Development/그 외 코딩 / E.T.C
텍스트 크기 조절 :


이 포스팅에서는 제가 개발중인 SD_ActiveBG.js 스크립트의 버전 업데이트 히스토리(로그)를 다루고 있습니다!

아직은 저 혼자만 사용하기 위해서 만드는 스크립트로, 안정화 및 사용방법을 쉽게 만들어서 배포할 수도 있습니다.

만약 배포하게 되는 경우, 이 포스팅에서 추가 안내와 함께 파일이 배포됩니다!


 버전명

 변경 사항

v0.0.0 ~ v0.0.x 

 + 개인적 사용을 위해 스크립트 제작

 + If문만을 사용하여 BGID 인식

 + BG 이미지는 티스토리 스킨에디터에 업로드하여 사용

 + PC 레이아웃의 네비게이션 바 배경 색상과 HTML Body 배경 색상이 BGID에 따라 적용됨.

v0.1.0 ~ v0.1.x 

 + HTML에 <div>문 추가 - 스크립트에서 이미지를 핸들링하기 편하도록 하기 위해서

 * CSS 스타일 코드 안정화

 * 스크립트 코드 안정화

v0.2.0 ~ v0.2.x 

 + BGID 목록 Array(배열)화 성공 및 적용

 * Array화로 인한 코드 재구성 (거의 갈아엎었...)

 * CSS 스타일 - BG 이미지 속성 - Left 및 Width 값을 퍼센트화

 * CSS 스타일 - BG 이미지 속성 - Transition 적용

v0.3.0 ~ v0.3.x 

 + 스크립트에서 BG 이미지의 Left 및 Width 속성값을 이미지에 따라 유동적으로 변경하도록 구현

 * CSS 스타일 - BG 이미지 속성 - Shadow(그림자) 효과 적용

 * CSS 스타일 - CSS Media Query(미디어 쿼리) 이용, PC 레이아웃이 1단으로 변하는 시점에서 Opacity 값을 0%로 설정 (이로 인해 모바일 레이아웃에서도 BG 이미지가 숨겨짐)

pre-v0.4.0 

 + 모바일 레이아웃에서 네비게이션 바 배경 색상 적용 (색상은 PC 레이아웃의 네비게이션 바에 적용되는 배경 색상과 같음)

 * 모바일에 대응하기 위해 해당 미디어 쿼리의 CSS 코드 수정

 * 크롬의 F12 디버그 도구로 CSS 스타일 속성을 조절, 테스트하면서 이미지 당 최적값 산출

v0.4.0 

모바일 레이아웃 

대응 업데이트 

 + BGID 목록 Array(배열) 확장 (2차원 배열 -> 3차원 배열)

 + 모바일 레이아웃에 대해 완벽 대응

 * CSS 스타일 - BG 이미지 속성 - PC 레이아웃이 1단으로 변하는 시점에서의 Opacity 속성 Transition 방지

 * CSS 스타일 - 모바일 레이아웃에서 Article 배경 반투명화

v0.5.0 

2015-06-27 

스크립트 1차 최적화 

 + 후에 배포할 때를 대비하여 주석 대거 추가

 + 라이센스 확정 - 크리에이티브 커먼즈 라이센스 BY-NC 4.0 (수정 및 재배포 가능, 원저작자를 밝혀야함, 영리적 이용 불가)

 * 스크립트를 전체적으로 최적화(Optimize)

 * 스크립트 최적화로 인해 HTML에서 작성해야 하는 <script> 문의 내용 간략화

 * BGID 목록 Array(배열) 세분화 (BGID 정보 배열과 그에 해당하는 스타일 배열)

 * 게시물 타이틀 텍스트를 스크립트의 변수로 저장

 * 더 이상 게시물 타이틀 텍스트에 BGID 정보가 없어도 자바스크립트 오류가 나질 않음

 * 꼭 필요한 부분의 Null(널) 체크 강화 -> Null과 Undefined를 같이 체크

 - 쓸데없는 Null(널) 체크 제거

 v0.5.1 

2015-06-28 

 안드로이드 롤리팝 이상에서 구글 크롬으로 BGID가 있는 글에 접속 시 구글 크롬의 주소바(Adress Bar)가 내비게이션 바 색상에 맞춰져서 변함


  [ 테스트 기기 : 삼성 갤럭시 알파, OS : 안드로이드 롤리팝 (5.0.2), 사용 브라우저 : Chrome Dev 45.0.2439.0 ]

  [ 이미지가 잘 안보이시면 이미지를 눌러서 확대하여 보세요! ]

 v0.5.1.1 

2015-07-14 

 + GUMI 버전 추가 (링크 : http://simpledream.tistory.com/29)

 v0.5.2 

2015-07-25 

 + Windows(윈도) 버전 추가

 + 모바일 레이아웃에 한해서 이미지 스타일의 Top 값이 변경되도록 추가

버전명 내용 - 기록하지 않아서 잘 기억이 안나는 부분입니다. (ㅋㅋ;;)

변경 사항 내용 - 스크립트 내적 변경 사항

변경 사항 내용 - 스크립트와 관련 있는 스크립트 외적 변경 사항 (CSS 요소 등)

저작자 표시 비영리 변경 금지
신고

'Development > 그 외 코딩 / E.T.C' 카테고리의 다른 글

[SD ActiveBG] SD_ActiveBG.js 업데이트 로그  (0) 2015.06.27
이 댓글을 비밀 댓글로

티스토리 툴바