[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
이 댓글을 비밀 댓글로

[GRUB4DOS] FiraDisk 및 ImDisk 업데이트 파일

Posted by ☆ SD꽁치
2015.06.14 15:20 Tips / News/E.T.C
텍스트 크기 조절 :


안녕하세요! SD꽁치니다.

이 포스팅에서는 GRUB4DOS에서 자주 사용되는 FiraDisk 및 ImDisk에 관해 써보려고 합니다.


GRUB4DOS는 간편하고 화려한 부팅메뉴를 만들 수 있도록 도와주는 소프트웨어입니다.

주로 OS 설치용 USB나 복구용 USB에 자주 사용되는 소프트웨어죠. 저도 제 개인 OS 설치용 USB에 GRUB4DOS가 설치되어 있습니다.


[제 USB에 설치된 GRUB4DOS의 모습]


GRUB4DOS의 자세한 설명은 디지누리님의 티스토리 (http://diginuri.tistory.com/)에 들어가시면 알아보실 수 있습니다!

아무튼 제가 이 글에서 말하고싶은건 GRUB4DOS는 아니고,

이 GRUB4DOS에서 사용되는 FiraDisk와 ImDisk의 업데이트 파일을 포스팅하려고 합니다.


원본 및 참고한 글은 역시 디지누리님의 글(http://diginuri.tistory.com/42) 이구요,

FiraDisk는 디지누리님이 올리신 버전이 최신 버전입니다.

대신 ImDisk의 업데이트가 존재했는데요, 저는 이 ImDisk의 바이너리 파일들을 업데이트했습니다.

설명은 다운로드 받으신 후 "$SD Readme.txt" 파일을 보시면 자세히 나와있고요,

마찬가지로 Readme 파일에 써져있겠지만 구버전을 쓰기 싫거나(...) 디지누리님의 파일에 문제가 있을 경우에 제 업데이트 버전을 쓰시면 됩니다.



좋은 하루 되시기 바랍니다!

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

'Tips / News > E.T.C' 카테고리의 다른 글

[GRUB4DOS] FiraDisk 및 ImDisk 업데이트 파일  (0) 2015.06.14
이 댓글을 비밀 댓글로

[테마] SD ActiveBG 스크립트 - 모바일 작동!

Posted by ☆ SD꽁치
2015.06.14 14:21 E.T.C/블로그 테마
텍스트 크기 조절 :

전 포스팅에서는 PC 버전에서만 작동되는 장면을 보여드렸는데요..!

2015/05/05 - [E.T.C Works/블로그 테마] - [테마] SD ActiveBG 스크립트 테스트! (하츠네 미쿠) *VMK

2015/05/05 - [E.T.C Works/블로그 테마] - [테마] SD ActiveBG 스크립트 테스트! (시유) *VSU


바로 오늘, 모바일에서도 ActiveBG가 작동되도록 SD ActiveBG 스크립트를 전면 수정하였습니다!

테스트한 기기는 PC 크롬에서 모바일 화면으로 보여지도록 창을 줄인것과,

삼성 갤럭시 알파, LG G3가 되겠습니다.


참고로, 삼성 갤럭시 알파는 1280x720 해상도에 320dpi (xhdpi) 밀도를,

LG G3는 2560x1440 해상도에 640dpi (xxxhdpi) 밀도를 가지고 있습니다.


[PC버전 크롬]


[LG G3]


[삼성 갤럭시 알파]

아직 가로화면에서의 작동상태는 테스트하지 않았는데요, 테스트하고 수정하던가 해야겠습니다.

그럼, 좋은 하루 보내세요!






저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로

티스토리 툴바