본문 바로가기

DEVELOP

 (150)
[plugin] Swiper 응용 Swiper 라는 훌륭한 슬라이드 플러그인을 자주 이용한다. 유형 중에 요즘 많이 보이는 슬라이드 유형을 실무에서 코딩해 놓은 것이 있어서 공유하고자 한다. 위와 같은 유형으로 슬라이드를 그리고자 하면 아래처럼 옵션만 다르게 주면 된다. 또한 css 스타일로 약간의 수정이 필요하다. 해당 swiper-slide 의 너비 값을 48%로 정의한다. 너비 값을 정의 해주면 위의 미리보기 슬라이드 예시처럼 현재 슬라이드 좌우에 전, 후 슬라이드의 반이 보여질 것이다. 또한 위의 태그 안의 인라인 스타일 처럼 swiper-slide 안의 div 박스에 좌우 패딩 값을 적절히 넣어준다. 자세한 사항은 Swiper 홈페이지 API 에서 확인 가능하다. https://swiperjs.com/api/
[publishing] 모바일에서의 단위 em, rem에 대하여 반응형을 작업할 때 em을 아주 제한적으로 나마 사용하고 있었는데, 해상도가 변경될때 보면 픽셀로 font-size를 적용한 컨텐츠의 div안에 글씨를 제외한 공백이 많아지는 현상을 발견하곤 했는데 그런 문제를 rem이 해결해 줄 수 있을 것 같다. rem : HTML 요소의 font-size를 기준으로. em : 지정된 font-size를 기준으로. 지정된 폰트 크기가 없다면 최상 요소의 폰트사이즈를 기준으로. 결론 : em보다는 rem를 사용하고, HTML 자체의 font-size만을 정의한 후 적어도 각각의 font-size만큼은 rem 단위를 써서 작업을 해야겠다. 처음부터 rem를 사용하여 일일이 계산하기 어려우므로 픽셀로 작업한 후에, rem으로 변환시켜자. https://webdesign.t..
[mysql] 프로시저 호출하기 call c_prc_sel_search_word(16, 'bx2020032308100998924300', 'test', 1, @o_gbuy_cnt,@o_deal_cnt,@o_event_cnt,@o_pointmall_cnt,@o_total_cnt,@o_bef_cnt); select @o_gbuy_cnt,@o_deal_cnt,@o_event_cnt,@o_pointmall_cnt,@o_total_cnt,@o_bef_cnt;
[javascript&jQuery] 빈 배열 선언 및 값 저장 var sampleArr = new Array(); $.each(data.search_fixed_array, function( key, val ) { sampleArr[key] = val.search_word; } console.log(sampleArr);
[plugin] validator.js 유효성 검사 validator.js : 해당 스크립트와 부트스트랩(bootstrap.min.css) 연결 /* ======================================================================== * Bootstrap (plugin): validator.js v0.11.9 * ======================================================================== * The MIT License (MIT) * * Copyright (c) 2016 Cina Saffary. * Made by @1000hz in the style of Bootstrap 3 era @fat * * Permission is hereby granted, fr..
[PHP] 아파치 접근 url 폴더 파일 목록 보이게 만들기 xampp가 있는 폴더를 찾아간다. C:\xampp\apache\conf\httpd.conf 파일 편집 디렉토리 리스트가 보이는 상태로 수정 Indexes 추가 Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Require all granted
[mysql] 코멘트 설정에 대해 자세히 알아보자 기본적으로 mysql에서 자주 쓰이는 쿼리: https://jintrue.tistory.com/entry/mysql-%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%BF%BC%EB%A6%AC [mysql] 자주 사용하는 쿼리 use notice; -- notice라는 데이터베이스 사용하기 명령 -- 테이블 만들기 create table list ( num int(10) not null, title varchar(50) not null comment '제목', content text comment '내용', author varchar.. jintrue.tistory.com 앞서 자주 쓰이는 쿼리에서 테이블 만드는 부분에 코멘트를 달아 쿼리 예시를 ..
[PHP] $_SERVER로 현재 url 경로 알기 $whole_uri = $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];    echo $whole_uri;?> 출력시,해당 현재 페이지의 url 경로가 출력된다.  ex) $_SERVER['HTTP_HOST'] = 경로를 뺀 주소 (만약 전체 주소가 test.com/product/product_detail.php 라면 test.com 만 출력) $_SERVER['REQUEST_URI'] = 뒤에 붙는 경로만 출력 (만약 전체 주소가 test.com/product/product_detail.php 라면 /product/product_detail.php 만 출력) 파라미터 값이 있을 경우 그대로 물고 출력된다.  만약 파라미터 값을 생략하고 출력하고자 한다면 $_SERVE..

티스토리툴바