본문 바로가기

분류 전체보기

[jQuery] slick slider 커스텀 내비게이션 & 페이징 https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io slick slider는 손쉽게 슬라이더를 사용할 수 있게 해주는 플러그인으로, 여러 방향으로 응용이 가능하다. 기본적으로 제공하는 페이징과 내비게이션 말고, 커스텀 디자인을 적용할 수 있다. See the Pen slick slide with custom nav and paging by KYR.. 더보기
[Kotlin] 1. 코틀린의 기본. 변수 선언 변수 : var 로 선언 상수 : val 로 선언. 값을 초기화 한 이후에는 변경이 불가능 하기 때문에 런타임에 수정하면 안될경우 val 로 선언 var num1 : Int = 10//변수 val num2 : Int = 20//상수 num1 = 15//가능 num2 = 25//Err 코틀린은 기본적으로 Null Safety 한 언어이다. 변수에 null 을 포함하여야 할 때는 var num3 : Int ?= null 와 같이 선언하여 사용한다. 더보기
[Android-카카오지도 api] 지도가 안보이는 문제 해결 갤럭시 8 등 일부 안드로이드 디바이스에서 카카오지도 api 를 적용하였을 때, 맵이 보이지 않는 문제가 있다 단도 직입적으로 해결방법은 AndroidManifest.xml 파일에 빨간색 밑줄 부분을 추가하면 된다. 더보기
[javascript] 웹페이지 잘리지 않게 PDF 파일로 만들기 먼저 준비물 bluebird는 익스플로러에서 작동하게 하려면 꼭 필요하다. jspdf는 pdf 생성해주는 라이브러리, html2canvas는 html 페이지를 이미지로 만들어주는 라이브러리이다. 주의사항 html2canvas는 html페이지와 같은 도메인에 올라가 있는 이미지만 불러올 수 있는 것 같다. 외부 cdn 이미지를 이용하면 출력되지 않는다. (https://stackoverflow.com/questions/31509227/html2canvas-not-rendering-cdn-images) pixabay에 있는 이미지 주소로 이미지를 넣고 실행하니까 전혀 나오지 않아서 찾아보니 이런 내용이 있다. 그래서 따로 호스팅을 파서 같이 올리니 실행이 됨. 데모 http://gyl13.dothome.co.. 더보기
[javascript] 웹페이지에 쓰인 class 확인하기 웹사이트를 관리할 때, 내가 만든 사이트가 아니고 오래되었을 경우 클래스가 뒤죽박죽인 경우가 많이 있다. 그래서 정리를 하고자 하는데 페이지를 일일이 들어가서 크롬 개발자 도구를 켜고 ctrl+F를 눌러서 찾기가 참 귀찮아서.. 1) 페이지에 진입하면 쓰인 클래스 리스트가 나열되어 있는 팝업이 뜸 2) 페이지에 진입하면 찾는 클래스가 alert창으로 뜸 두 가지로 만들어 보았다. 1) 쓰인 클래스 리스트가 나열되어 있는 팝업 2) 찾는 클래스가 뜨는 alert창 여기서는 페이지에 진입하자마자 뜨게 하기가 그래서 버튼에 함수를 걸어놨는데, 실제로 사용할 때는 버튼을 없애고 /* class 확인 */ $(function(){ chkClass(); //클래스 확인 searchClass("big"); //클래스.. 더보기
[유용한 기능] 크롬 DevTools Override 홈페이지 이미지를 교체해야 하는 일이 있는데 포토샵으로 시안을 만들기에는 오버레이도 깔려있고 글자들이 얹어진 게 많아 어려움이 있었다. 서버에 전송하지 않고 로컬에 있는 이미지를 임시로 사이트에 덮어씌울 수 없을까? 하던 중 해외 사이트를 뒤지다가 발견한 기능! 크롬 개발자도구의 Override라는 기능이다. F12를 누르고 "Sources"로 들어가면 탭에 Overrides라는 부분이 있다. 클릭해보자. 그리고 "Select folder for overrides"를 눌러 아무 폴더나 선택한다. (오버라이드를 위한 폴더를 만들어서 지정하는 게 좋긴 하다.) 어차피 오버라이드 하면 안에 웹 경로대로 폴더가 만들어진다. 그럼 상단에 이런 문구가 뜰 텐데, 허용을 누른다. 반드시 "Enable Local Ov.. 더보기
[jQuery] 헤더, 푸터 고정/오버레이 클릭 시 사라지는 모달 헤더 및 푸터는 고정이며 그 안의 컨텐츠만 스크롤이 생기는 모달이다. onclick="modalControl('o', '#modal1', '600')" //modalControl(타입 - 여는버튼은 o 닫는버튼은 c, 모달id, 모달 가로 사이즈) 의 방식으로 사용할 수 있다. 모달을 중앙에 정렬하기 위해 여러 가지 방법을 사용해 보았지만 부모 요소에 display:table을 걸고 display:table-cell로 지정하는 방법이 가장 깔끔한 것 같다. 단계가 좀 깊어지긴 하지만 다른 방법들의 단점이 너무 치명적이다. top:50%;left:50%;transform(-50%,-50%)의 방법이 간단해 보이지만 위치가 퍼센트로 계산되기 때문에 크롬에서는 border/ie에서는 글자 등이 흐리게 보이는 .. 더보기
[Android] 1. 안드로이드 4대 컴포넌트 안드로이드는 액티비티(Activity), 서비스(Service), 콘텐트제공자(Content Provider), 방송수신자(Broadcast Receiver) 라는 4대 컴포넌트로 구성 1. Activity 안드로이드의 UI를 포함한 화면을 나타냄 모든 어플리케이션은 반드시 1개 이상의 액티비티를 보유하여야 한다 2. Service 백그라운드에서 실행되는 프로세스를 의미함 일반적으로 시간이 오래걸리거나, 지속적인 실행이 요구될 때 사용 ex) 음악 앱에서 음악을 플레이한 후 다른앱으로 전환하여도 노래가 지속적으로 나오게 해줌 3. Content Provider 다른 어플리케이션간에 데이터를 공유할 수 있도록 해주는 컴포넌트 4. Broadcast Receiver 시스템으로부터 시작되는 알림을 수령할 수 .. 더보기