본문 바로가기

개발

슬라이드 메뉴, 슬라이딩 메뉴 모바일 웹, 반응형 웹에서 자주 사용하는 슬라이딩 되는 슬라이드 메뉴를 가이드 해봅니다. 드랍다운 메뉴 가이드 보러가기 사진으로만 보기엔 정적으로 보이겠지만, 가이드나 코드를 보시면 애니메이션으로 자연스럽게 슬라이딩 되는 메뉴 입니다. 1. HTML 코드 Line 18 ~ 24 : Toolbar를 구성하는 메뉴입니다. Line 19 : 메뉴를 호출하는 햄버거 버튼입니다.Line 27 ~ 30 : 슬라이딩 된 메뉴를 구성하는 메뉴 레이아웃입니다. 필요시에 이안에 레이아웃을 구성하세요.Line 33 ~ 36 : 메뉴가 호출되면 사용자 편리를 위해, 또는 자연스러운 레이아웃 구성을 위해 호출되는 반 투명의 커버 화면입니다. 평소에는 보이지 않지만 메뉴가 호출되면 보이게 되며, 사용자가 커버를 눌러도 메뉴가 사.. 더보기
이미지 반복 롤링 배너 이미지 반복 롤링 배너 만들기텍스트가 배너처럼 가로로 움직이는 배너를 이미지로 바꾼 이미지 배너 입니다. 먼저 실행 결과부터 보겠습니다.예제코드는 글 마지막에 압축파일로 올려드렸습니다. 필요하신분은 확인 후 써주셔도 무방합니다. 사진처럼 영화 포스터 이미지 8개가 반복적으로 롤링 되면서 이동하는 예제입니다.x축으로 이동하면서 지나간 이미지는 다시 뒤로 이동해서 연결되는 이미지 롤링 배너입니다.하단 버튼 처럼 MOVE STOP, MOVE START 버튼으로 해당 롤링 애니메이션을 정지, 또는 다시 재시작 할 수 있습니다.추가로 포스터 위에 마우스를 올려 놓으면 롤링 애니메이션이 정지되는 기능도 추가했습니다. 1. HTML 소스코드롤링이 되는 부분은 Line 14 Div 부분입니다. Line 15 ~ 21은.. 더보기
PHP 날짜/시간 비교 하기 오늘 날짜가 시작 날짜, 종료 날짜를 기준으로 당일 날짜와 시간이 진행중 인지, 종료 되었는지, 진행예정 중인지 비교하는 소스 코드 입니다. 본론으로 넘어가서 해당 소스코드입니다. mysql 쿼리문으로 날짜를 검색하는 방법에 대해서는 지난 포스팅을 보시기 바랍니다. PHP, Mysql 날짜 관련 함수 및 Datetime 검색하기 소스코드를 보시면 $start_date_str, $end_date_str 부분에 시작되는 날짜와, 시간 종료되는 날짜와 시간을 기준으로 현재 날짜가 시작 시간과 종료 시간안에 포함되는지, 지났는지, 아직인지 조건문으로 나눠서 판별합니다.이때 $start_date_str, $end_date_str에는 mysql의 데이터 형식인 datetime을 넣어주셔도 사용이 가능합니다. 123.. 더보기
MySql 5.7 패스워드 변경 및 사용자 추가 관련 이슈 mysql 5.7 root 패스워드 변경 할때, 또는 사용자 추가시에 달라진 점이 있어서 노트합니다. 기존에 사용자를 추가하는 방법은 포스팅을 했지만 5.7 버전에서는 다른점이 생겨서 추가로 노트를 해야 할 것 같았습니다. 5.7 이전 버전 사용자 추가 포스팅 일단 달라진 점은 이전 버전의 user 테이블에서 password 항목이 사라졌습니다. 기존처럼 UPDATE mysql.user SET Password=PASSWORD('패스워드') WHERE User='아이디' AND Host='%'; FLUSH PRIVILEGES; 이런식으로 패스워드 변경을 시도하셨다면, 에러문구가 출력이 되실 겁니다 이유는 password 필드명이 authentication_string으로 변경 되었기 때문입니다. 때문에 5.. 더보기
My-SQL 계정 생성 및 Database 권한 관리 My SQL 계정 생성, 관리 및 Database 권한 관리 use mysql; 1. 계정 생성1-1 CREATE USER 사용자ID; // 사용자 추가1-2 CREATE USER 사용자아이디@localhost IDENTIFIED BY '패스워드'; // 사용자를 추가하면서 패스워드까지 설정1-3 CREATE USER '사용자아이디'@'%' IDENTIFIED BY '패스워드'; // 기존에 사용하던 계정에 외부 접근 권한을 부여 2. 계정 삭제 DROP USER '사용자아이디'@localhost; 3. Database 권한 부여3-1 GRANT ALL PRIVILEGES ON DB명.테이블명 TO 계정@host IDENTIFIED BY '비밀번호';3-2 GRANT ALL PRIVILEGES ON DB.. 더보기
My-SQL PRIMARY KEY 초기화 mysql primary key 초기화My-SQL PRIMARY KEY 초기화 ALTER TABLE [테이블명] AUTO_INCREMENT=[시작할려는 순서] 더보기
PHP MY-SQL 날짜 관련 함수 및 Datetime 검색 PHP, Mysql 날짜 관련 함수 및 Datetime 검색하기 1. 예제 코드 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263Colored by Color Scriptercs 2. DB 구조 3. 실행 결과 4. DATE 함수 인자들 a am, pm A AM,PM d 2자리 정수의 날짜 형태 D 요일의 앞 3글자 (ex Fri, Thu, Tue) F 해당 달의 이름 형태 (ex March, December, ... ) h 2자리 정수의 시간 (ex 12시간) H 2자리 정수의 시간(ex 24시간) i 2자리 정수의 분 l 해당 날의 요일 (e.. 더보기
[Part2] Jquery 다중 파일 업로드 미리보기 제공하기, 삭제, POST업로드 JQuery 다중 파일 업로드시 미리 보기 제공하기.JQuery 다중 파일 업로드시 미리보기 삭제하기.JQuery 다중 파일 업로드시 POST 전송.JQuery 다중 파일 업로드시 서버에 파일 전송. 완성 코드 버전입니다.https://greatps1215.tistory.com/31 저번 포스팅에 이어서 이번엔 다중 파일 업로드 과정에 대해서 포스팅 해봅니다. 1. 다중 파일 선택시 미리보기 제공2. 다중 파일 미리보기에서 특정 이미지만 삭제하기3. 다중 파일 POST 전송4. 다중 파일 서버 디렉토리로 업로드하기 순으로 진행될 예정입니다. 전체 소스코드는 압축해서 올리도록 하겠습니다. 아래는 body부분입니다 한번 보시고 포스팅을 보시는게 이해하는데 도움이 되실 겁니다. 12345678910111213.. 더보기
[Part1] Jquery 파일 업로드시 미리보기 제공하기, 다중 파일 업로드 미리보기 제공하기 JQuery 파일 업로드시 미리 보기 제공하기.JQuery 다중 파일 업로드시 미리 보기 제공하기. 이번에 포스팅할 내용은 input type="file" 과 html5부터 사용 가능한 input type="file" multiple 속성에서 미리보기 기능과 미리보기 이미지를 삭제하는 포스팅 해봅니다. 완성 코드 버전입니다.https://greatps1215.tistory.com/31 1. input[type="file"] 미리보기 제공하기.2. input[type="file"] multiple 미리보기 제공하기. 1. input[type="file"] 미리보기 제공하기1234567891011121314151617181920212223242526272829303132333435363738394041424.. 더보기
PHP 조작이 안되는 쿠폰번호 생성하기 PHP 조작 안되는 쿠폰 번호 생성하기.PHP 조작 안되는 바코드 넘버 생성하기. 주민등록번호 생성 알고리즘을 이용하여, 조작이 안되는 쿠폰번호를 생성하는 방법입니다.업무상 숫자로 구성된 쿠폰번호 5만개를 발행해야 하는 일이 생겨서, 만들어 본 김에블로그에 포스팅 해봅니다. 쿠폰 번호의 제약 조건은 아래와 같습니다.1. 숫자로만 구성되야 할 것.2. 쿠폰의 번호는 20byte를 넘지 않을 것.3. 임의로 쿠폰번호는 조작이 되지 않아야 할 것. 숫자로만 구성되야 하는 쿠폰 번호의 특성상 주민등록번호를 생성할 때 쓰이는 알고리즘을 사용하였습니다.주민등록번호의 알고리즘은 "주민등록번호 알고리즘"을 구글에 검색하셔 참고하시는 편이 편하기에여기서 따로 설명을 하지 않겠습니다. 위의 주민등록번호 알고리즘을 생성하여.. 더보기