분류 전체보기81 [jQuery] 클릭 시 모달,팝업 띄우기 / 메뉴 팝업창 만들기 #jQuery #모달 #팝업 #견적문의 안녕하세요. GI-1의 개발일기 입니다. 흔히 모달,팝업은 쉽게 띄울 수 있습니다. 이번에는 카페의 온라인 견적문의 할 때 필요한 메뉴 팝업창을 만들어 보겠습니다. 1. HTML [견적담기 버튼] 아메리카노 (HOT / ICE) 3,000원 견적담기 [팝업] × 2. script function menuModal(e){ var ModalMenuImg = $(e).parent(".esti_menu_check").siblings(".esti_menu_left").find("img").attr("src"); // 메뉴 이미지 src를 가져옴 var ModalMenuTxt = $(e).parent(".esti_menu_check").siblings(".esti_menu_l.. 2022. 12. 3. [JavaScript] 중복 값이 허용되지 않는 Set 활용하기, 배열로 활용하기 #set #javascript 안녕하세요. Gi-1의 개발일기입니다. javascript의 Set에 대해서 알아보겠습니다. 1.Set? set 함수는 배열과 유사하지만 중복값을 허용하지 않는 점에서 다릅니다. 중복값이 포함되지 않아야 하는 상황에 사용하면 됩니다. 2. 기본 사용법 조금 다른점이 있다면 length를 사용하지 않고 size를 사용한다는 점입니다. set을 생성하고 콘솔을 찍어보면 다음과 같습니다. let x = new Set([1,2,3]); 혹은 let x = new Set().add("1").add("2").add("3"); 추가 add x.add("3"); 추가안됨 x.add("4"); 삭제 delete x.delete("3); 전체삭제 clear x.clear(); 포함여부 has.. 2022. 12. 3. [비메오 API] iframe 영상 종료 시 0초로 이동 #비메오 #vimeo #비메오API 안녕하세요. Gi-1의 개발일기 입니다. 비메오 영상은 반복재생을 하지 않으면 영상 종료 후에 관련영상이 뜨게 되는데요. 이를 막기 위해서 영상 종료 시 0초로 이동하게끔 해 볼 것 입니다. const iframe = document.querySelector('iframe'); const player = new Vimeo.Player(iframe); player.on('play', function() { // 비디오 시작 시 발생할 이벤트 }); player.on('ended', function() { // 비디오 종료 시 발생할 이벤트 player.setCurrentTime(0); }); 2022. 12. 1. [PHP] 리퍼러 체크 후 검색 도메인 알아내기 [네이버, 구글, 다음] #php #리퍼러 #referer #도메인 #네이버 #구글 #다음 안녕하세요. Gi-1의 개발일기 입니다. 최근, 리퍼러라는 것을 알게 되어 정리하고자 합니다~ 1. 리퍼러 리퍼러(referer)는 href나 onclick, 즉 하이퍼링크를 통해서 방문했을 때 전송이 됩니다. 직접 도메인을 입력하거나 즐겨찾기 등 하이퍼링크를 통해서 방문한 것이 아닌 경우 다이렉트 접속으로 분류 됩니다. 2. 리퍼러 함수 $_SERVER['HTTP_REFERER'] 3. 네이버, 구글, 다음 구별하기 2022. 11. 18. [jQuery] 요소의 탐색, 형제 선택 / 부모 선택 / 자식 선택 #jQuery #javascript #형제선택자 안녕하세요. Gi-1의 개발일기입니다. 홈페이지를 만들다보면 형제선택, 부모선택, 자식선택 등 정말 다양하고 유용하게 사용 하는데요. 많이 사용해도 상황에 따라 자꾸만 검색하게 되어 포스팅 남깁니다. [형제선택] sibligns() 지정한 모든 형제 선택자를 선택함 next() 선택한 요소 바로 다음 위치해 있는 선택자를 선택함 nextAll() 선택한 요소 다음 위치해 있는 선택자를 모두 선택함 nextUntil() 선택한 요소 ~ 지정한 선택자 바로 이전까지의 요소를 모두 선택함 prev() 선택한 요소 바로 이전에 위치해 있는 선택자를 선택함 prevAll() 선택한 요소의 이전에 위치해 있는 선택자를 모두 선택함 prevUntil() 선택한 요소 ~.. 2022. 10. 11. [Php & Mysql] 회원가입 및 로그인 만들기 #php #mysql #회원가입 #로그인 #로그아웃 안녕하세요. Gi-1의 개발일기입니다. 최근 생활코딩의 게시판 만들기를 진행 하였는데 이번에는 로그인&페이징&첨부파일첨부&댓글 기능까지 구현 해 보려고 합니다. 이에 앞서 로그인 페이지 먼저 정리를 해봤어요. [결과화면 미리보기] css 작업은 별도로 하지 않았습니다. 포트폴리오 용으로 사용할 때 작업 하시면 좋을 것 같습니다. [mysql] CREATE TABLE member ( no INT(11) NOT NULL AUTO_INCREMENT, id char(15), user_id char(15), name char(15), nick_name char(15), birth char (15), sex char(6), tel char(12), email ch.. 2022. 10. 10. [생활코딩] WEB3 - PHP & MySQL, PHP로 게시판 만들기 #Php #Mysql #게시판제작 #게시판만들기 안녕하세요. 생활코딩 WEB3 - PHP & MySQL 강의 코드 입니다. 페이징/댓글/첨부파일 등록 등은 제외되어 있으며 mysqli로 기초를 배우는 강의였던 것 같습니다. 저는 Bitnami를 이용하여 작업 하였고 강의와 동일하게 작업/진행하였습니다. topic 테이블을 생성 CREATE TABLE topic ( id int(11) NOT NULL AUTO_INCREMENT, title varchar(45) NOT NULL, description text, created datetime NOT NULL, PRIMARY KEY(id) ) ENGINE=InnoDB; author 테이블을 생성 CREATE TABLE `author` ( `id` int(11).. 2022. 10. 9. [VS code] 화면 흐려짐 문제 #visualstudiocode #vscode #vsc 안녕하세요. Gi-1의 개발일기 입니다. 최근 2~3달동안 vs코드를 이용하는데 화면이 자꾸 흐려지는 문제가 있었습니다. 더 심할 때도 있고 조금 덜 할 때도 있었는데.. 컴퓨터를 껐다키거나 최대한 다른 프로그램을 키지 않으면 vs code가 흐려지는 것을 막다가 최근 검색을 하여 해결하였습니다. 너무 간단해서 어이가없었네요 ㅠ [방법] Nvidia → 앤티앨리어싱 - FXAA → 끄기 →vs code 재시작 해주세요 출처 : https://stackoverflow.com/questions/51943550/visual-studio-code-looks-blurry visual studio code looks blurry Folks, this is no.. 2022. 10. 2. [생활코딩 _ Mysql ] Table 생성 / Data Type #Mysql #createtable #datatype 안녕하세요. Gi-1의 개발일기입니다. 삽입/수정/생성은 구글링을 통해 쉽게 사용할 수 있지만 테이블을 생성할 때 데이터타입을 선택하는 화면을 보면 복잡하다 라는 생각이 듭니다. 우선 데이터타입을 살펴보겠습니다. 데이터타입 CHAR( ) 0 to 255 고정문자 길이 VARCHAR( ) 0~65535 가변 문자 길이 TINYTEXT 최대 255 문자길이 TEXT 최대 65535 문자길이 BLOB 최대 65535 문자길이 MEDIUMTEXT 최대 16777215 문자길이 MEDIUMBLOB 최대 16777215 문자길이 LONGTEXT 최대 4294967295 문자길이 LONGBLOB 최대 4294967295 문자길이 TINYINT( ) -128 ~ 1.. 2022. 9. 1. [javascript] 문자열에서 숫자만 추출하기 #javescript #숫자추출 안녕하세요. Gi-1의 개발일기입니다. 10000원 < 이라는 텍스트가 있으면, 그중 10000이라는 숫자만 가져오고 싶을 때가 있습니다. var PriceText = $("p").text(); var regex = /[^0-9]/g; var numPrice = rightMenuTotalPrice.replace(regex, ""); console창에 테스트한 결과 스크린샷입니다 2022. 8. 31. [그누보드] list화면에서 글쓰기 #그누보드 #list #글쓰기 안녕하세요. Gi-1의 개발일기입니다. 최근, list화면에서 글쓰기를 해야하는 일이 있었습니다. 간단하게 write.php에 있는 내용중 필요내용만 가져오고, action 위치만 바꿔주면 되는 간단한 문제입니다. 2022. 8. 30. [Fullcalendar] 구글캘린더 연동하기 #fullcalendar #달력 #구글캘린더 안녕하세요. Gi-1의 개발일기입니다. fullcalendar와 관련된 달력개발이 있다면, 간편하게 구글캘린더와 연동하여 사용할 수도 있습니다. 1. Fullcalendar https://fullcalendar.io/ FullCalendar - JavaScript Event Calendar Open Source... With over 10 years of open source and over 120 contributors, FullCalendar will always have a free and open source core. Learn more fullcalendar.io fullcalendar 사이트에 접속하셔서 main.css / main.js / loc.. 2022. 8. 29. [생활코딩 _ Mysql] 메뉴얼 및 관련자료 #mysql #메뉴얼 SQL Structured Query Language, 데이터베이스에서 데이터를 저장하거나 얻기 위해서 사용하는 표준화된 언어. 자료 mysql 공식 메뉴얼 mysql 한글 메뉴얼 w3school cheatsheet 데이터베이스 사랑넷 udemy 생활코딩에서는 위 자료를 추천하고있다. cheatsheet는 링크가 변경되었다 https://devhints.io/mysql MySQL cheatsheet The one-page guide to MySQL: usage, examples, links, snippets, and more. devhints.io 데이터베이스 사랑넷은 질문/답변을 남길 수 있어 구글링하다 해결하지 못한 문제를 해결하기 좋아보인다 sir.kr[그누보드 커뮤니티]에서 .. 2022. 8. 28. [생활코딩 _ MYSQL _ 1] MYSQL? DATABASE? #생활코딩 #mysql #DB 안녕하세요. Gi-1의 개발일기입니다. 생활코딩의 강의와 실무에서 배우지않고 사용했던 것을 정리하고자 글을 남깁니다! 도움 되시는 분들이 있었으면 좋겠습니다^^ 형식 -MYSQL은 엑셀에서 데이터를 정리한것과 똑같은 형식을 띄고있다. 데이터를 저장하는 곳, DATABASE SERVER > DATABASE > TABLE > COLUMN 아래는 TABLE 예시 사진이다. 예를들어, 곡명/아티스트/길이/앨범을 표시하는 게시판이 있다면 홈페이지 DB에서 첫번째 글의 곡명은 탈출 시간은 4:35, 아티스트는조동익, 앨범은 바다라는 식으로 표시된다. 열 : 데이터의 종류 / 행 : 데이터 셋 을 저장한다. Query 간단한 사용법 선택 Query - select select * fro.. 2022. 8. 28. [그누보드] View화면 글을 확인했는지 버튼 만들기 #그누보드 #ViewEdit 안녕하세요. Gi_1의 개발일기입니다. 그누보드는 write화면에서 글 DB를 수정/삭제할 수 있는데요, 관리자의 경우 View 화면에서 수정해야 편할 때가 있습니다. 저는 게시판에 견적문의를 받게 되어 있었고, 관리자는 이를 확인/대기중을 선택할 수 있게 해놓았습니다. 결과적으로, 리스트 화면에서 글을 확인했는지 안했는지를 표시하는 기능이라 할 수 있습니다. 1. view.skin.php if (isset($_REQUEST["wr_75"])) { $sql = "UPDATE g5_write_테이블명 SET wr_1='{$_REQUEST["wr_75"]}' WHERE wr_id={$wr_id}"; sql_query($sql); $sql = "SELECT wr_75 FROM g5.. 2022. 6. 10. 이전 1 2 3 4 5 6 다음
