전체 글
-
[카카오톡 로그인 연동]하이브리드 웹, 앱 카카오톡 로그인 연동Android 2019. 6. 14. 15:26
카카오 로그인 연동 방법 - 웹 https://developers.kakao.com/docs/js#%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8 반응형 웹에서도 작동하고 인앱 웹뷰에서도 작동하는 시스템은 아직 카카오에서 지원되지 않고 카카오 측에서도 해당 환경에 맞는 SDK를 사용하라고 권장한다. 반응형 웹에서 카카오톡 로그인을 연동하고 웹뷰에서 띄우면 반응이 없을것이다. 허나 이는 웹뷰에서 팝업창을 지원하지 않는 이유때문에 발생하며 해결방법은 아래와 같다. android webview에서 팝업을 띄워야 할 때가 있는경우 webChromeClient의 onCreateWindow를 Override하여야 하며 webview setting을 다음과 같이 변..
-
[HTML, Jquery] 롤링 이미지, 슬라이드 소스Web/js, jQuery 2019. 6. 13. 15:45
테스트 jquery 버전 jquery-1.9.1.min.js 기본적으로 fade 이펙트로 적용되어있으며, 이미지 페이딩 이벤트와, 버튼이 활성화 되는 형태입니다. - html - 울쎄라&더블로 페이스 쁘띠성형 핫! 바디라인 동안얼굴 성형 앨리스 가슴성형 아포지 레이저제모 - js - //초기값 선언 var idx = "1"; var prev_idx = "1"; var totS = 6; var dtime = 6000; var flag = true; //메인 슬라이드 컨트롤 function main_visual(no) { // 선택된 항목 표시 $("#mainVisual"+prev_idx).fadeOut("slow", function(){ $("#mainVisual"+no).fadeIn("slow"); })..
-
HTML 테그, 구조, 자주 사용하는 코드Web/HTML 2019. 6. 13. 15:31
HTML개발은 현 시점에서 대부분 무조건 HTML5로 개발됩니다. HTML은 이전 버전이고 HTML5는 새로운 버전이라고 생각하면 됩니다. //이 부분이 HTML5 선언입니다. 사이트제목 자주 사용하는 HTML 테그 div - 거의 모든 영역에서 사용됩니다. 테그 안에 대체 텍스트 등이 명시가 잘 되어있으면 위치에 맞는 테그를 쓸 필요 없이 div만 사용해도 접근성이 좋습니다. address - footer 영역에 주소 부분을 정의할때 사용 ul - list 형태를 묶어주는 테그 li - ul안에서 사용되며 list 형태를 만들 때 사용 ol - ul안에서 사용되며 list 형태의 순서를 부여할 때 사용 span - inline 요소를 묶어서 Element를 핸들링거나 스타일을 부여할 때 유용하게 사용 ..
-
웹개발 - IDE툴(개발툴) 은 어떤것을 사용해야할까?Web/그외 2019. 6. 11. 16:44
웹 개발 툴은 흔히 말하는 텍스트 에디터로 충분합니다. 시스템언어 처럼 기계어로 번역하는 컴파일 과정이 필요없기 때문이죠 현재 국내 개발자들의 웹 개발 툴이 뭐가 있는지 살펴보면 다음과 같습니다. Brackets - Adobe 웹 개발용 시스템, 웹디자이너들에게 추천한다. (무료) Atom - github 이 개발하여 2019년 현재 핫하다 (무료) Sublime Text - 국내에서는 euckr 호환성이 떨어져 선호하진 않지만 인기는 있다 (기업용 유료) Editplus - 국내 중소기업 웹개발은 이 에디터 혼자서 다했다. 그만큼 가볍고, FTP설정, 인코딩 호환성이 좋다, 단점은 자동완성이나 태그 열거하기가 어려움 (쉐어웨어 = 일정기간 무료 후 유료전환) Aptana - 자바 개발자들에게 유용하다,..
-
PHP세션 및 쿠키 만료 처리Web/PHP 2018. 12. 5. 15:34
PHP 세션만료처리 php.ini에서 처리하지말고 공통 페이지에 코드를 추가하자 if (isset($_SESSION['LAST_GC_TIME']) && (time() - $_SESSION['LAST_GC_TIME'] > 1200)) { //1200은 20분 session_unset(); session_destroy(); SetCookie("","",-999,"/");SetCookie("","",-999,"/");}$_SESSION['LAST_GC_TIME'] = time(); // 현재시간 업데이트 시켜주지
-
특정 부분만 프린트Web/js, jQuery 2018. 3. 20. 11:34
기본 프린트 코드는 아래와 같지만 window.print(); 특정 레이어 프린트를 할 수 있는 플러그인이 있다. 링크 http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/ 오페라를 찾지 못하는 버그가 있는 경우 아래 소스를 적용시켜주자 jquery.mb.browser.min.js jquery.printElement.min.js 미리보기 창 없이 인쇄 printElement({}); 인쇄 후 미리보기 창이 사라짐 printElement({ printMode: 'popup' }); 인쇄 후 미리보기 창이 남아있음 printElement({ leaveOpen: true, printMode: 'popup' }); CSS무시 printElement(..
-
이벤트 후(after) 추가된 엘리멘트(element) 에 대한 간단한 접근방법Web/js, jQuery 2018. 2. 22. 18:41
$('#registered').click(function(){ $('#show').html('') });위 버튼을 클릭하여 아래 div show 에 new라는 div를 생성하는경우new 라는 div를 컨트롤하기 위해서는 아래 내용을 참조하자. $('#registered').on('click', '.new', function() { console.log(this); });.new 부분에 생성된 엘리멘트 아이디나 클래스를 명시하면된다.