쫑블log

네임스페이스 패턴 전역 변수의 개수를 줄여준다. var wendy= wendy|| {}; wendy.Parent = function () {};wendy.Child = function() {}; wendy.modules = {};wendy.modules.slider = {};(+)모듈을 추가cs 모듈 패턴 wendy.modules.slider = (function() { var nPage = '4'; return { getPageCount: function() { return nPage; } }; }); wendy.modules.slider = (function() { var nPage = '4', getPageCount = function() { return nPage; } return { getPag..

Develop/JS 2017. 8. 28. 16:30

$(document).ready()는 $(window).load()보다 먼저 실행되지만, $(document).ready()는 문서 안의 리소스가 다 로딩되기도 전에 실행되기 때문에, 다 로딩이 된 후 작동되어야 하는 UI의 경우에는 문제가 생긴다. 결론은, 리소스가 필요로 하는 UI의 경우에는 $(window)를 사용하는 것이 좋고, 이런 케이스가 아닌 경우엔 좀 더 빠른 $(document)를 사용하는 것이 좋다. $(document) 방법1★ $(document).ready(function(){ console.log("[1] document, DOM이 전부 로드된 시점에 실행된다.");});Colored by Color Scriptercs 방법2 $(document).on("ready", funct..

Develop/JS 2016. 1. 4. 16:36

오류 Server failed to start for port 80: Address already in use: JVM_Bind (Use --stacktrace to see the full trace) 원하는 포트가 사용되고 있는지 찾기 [Windows] 80포트일 경우 netstat -ano | findstr 80 netstat -ano | findstr 0.0:80 netstat -ano | find "80" [Mac] 80포트일 경우 sudo lsof -i :80 해당 포트의 PID를 찾은 후, 죽이기 [Windows] ps id가 708인 경우 tasklist /FI "PID eq 708" Windows의 경우 '작업 관리자 > 프로세스'에서 찾은 PID에 해당하는 프로세스를 끌 수도 있다. [M..

Develop 2015. 11. 30. 17:06

코드는 전체 소스 코드 에서 확인 가능. Material Design ? Material Design 소개 영상 Material design 3분만에 살펴보기 de Seokin Hwang Material Design 원칙 Material 소재를 대입해서 UI/UX를 종이나 잉크와 같은 소재와의 관계성으로 보도록 하여 User가 알기 쉬운 디자인이 되도록! Object의 움직임을 중요시! (움직임을 위해서 여러 객체에 다이나믹한 애니메이션 추가) Material Design 가이드라인 간략하게 간추려 봤는데, 이 부분은 자세히 읽어보는 것이 좋을 것 같다. (http://blog.naver.com/mtmag/220106922924) [애니메이션] User가 기분 좋게 느끼는 속도 / 액션을 기점으로 하여 ..

Develop/HTML/CSS 2015. 8. 26. 15:20

- Java에서 JSON을 처리하기 위한 라이브러리 - 매개변수 clazz(Object)의 맞게 변환. - Model 변수 이름을 JSON data key value와 일치 시켜야 함.

Develop/Java 2015. 8. 25. 15:34

평소엔 단순 정렬 알고리즘만 고민해왔다. 어느정도의 복잡도를 가지고 있는지.. 어떤 알고리즘이 빠르지? 요런 것들만 고민해왔는데 아시는 개발자 분이 Arrays.sort() 에 대해 깊게 생각해보고, 카드를 예제로 하여 한번 테스트 해봐달라고 하셔서 해보았다. 오홍! Primitive Type일 경우에는 QuickSort를 사용하지만, Objective Type일 경우에는 MergeSort를 사용한다고 하는데............................ 한번 테스트를 해봐야 할 것 같다. ▼▼▼▼▼▼▼▼▼▼▼▼▼ 테스트를 해본 결과[소스코드] MergeSort로 정렬을 했을 시에는 객체의 순서가 보장되지만, QuickSort로 정렬했을 시에는 객체의 순서가 보장되지 않은 채로 정렬이 된다는 사실을 ..

Develop/Algorithm 2015. 8. 25. 11:52

스펙 각 기기마다 기존 youtube의 너비, 높이 비율대로 유지한 채로? 노출되어야 하고, 모바일 화면을 PC에서 확인했을시 브라우저 창 Resizing할 시, 영상도 함께 리사이징되어야 함. 문제점 초기 로딩했을시에 height지정을 해주지 않으면 납작하게 노출되거나, 아래 (알수 없는)빈 공간도 생겨서 안없어짐. 해결 영상 삽입에 관련해서 구글링해본 뒤, 해결. 전체 소스 코드 확인 가능. height을 지정해주면, 창의 크기가 변경될 때마다 영상의 크기도 함께 변경되지만, 아래와 같이 위아래 검정색 공백?이 생긴다. .pop_video .pop_wrap .video_wrapper{ position:relative; height:500px; overflow:hidden; max-width:100%;..

Develop/HTML/CSS 2015. 8. 24. 14:25

+ 출처가 빠진 부분이 있다면 말씀해주시면 바로 추가할께요. 제가 여러 사이트를 돌아다니면서 공부한 내용을 정리한 거라.. 혹시 빠졌다면 바로 말씀해주세요! Context(컨텍스트) 란? 정리를 하면, Context는 가장 중요한 존재입니다. 자신이 누구인지, 어떤 어플리케이션인지, 어떤 프로세스인지.. 알려주는 키 값? 이기도 하고, 일반적인 플랫폼과는 다르게 안드로이드에서는 중요한 어플리케이션과 관련된 정보(시스템 레벨)에 접근해야 하는데, 그 때 꼭 필요한 것이 Context입니다. 일단 '정의' 부터 알아보면, http://developer.android.com/reference/android/content/Context.html Class Overview Interface to global in..

Develop/Android/IOS 2015. 8. 21. 16:41