본문 바로가기

분류 전체보기83

[생활코딩 _ 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.
[그누보드] 게시판 글 작성시 이메일 전송 커스텀 #그누보드 #게시판작성시이메일전송 안녕하세요. Gi_1의 개발일기 입니다. 그누보드 안에 있는 게시판 작성 시 관리자에게 이메일 전송하기 기능을 커스텀하는 방법을 소개해드리고자 합니다. 수정파일 : bbs/write_update_mail.php 기본적으로는 제목과 작성자, 내용이 전송되게 되어 있습니다. 제목 입력방법 : 2022. 6. 9.
글 넓이(font-stretch)가 지원되지 않는 폰트에서 사용하기 #font-stretch #scale 안녕하세요. Gi_1의 개발일기입니다. 최근 이직하여 근무중인데 글자의 넓이라는 것을 사용한다는 것을 들었습니다. 폰트의 글자 넓이나 높이를 강제로 깬다는 내용이였는데요. 관련 검색을 하다 font-stretch를 발견했지만 지원되는 폰트가 많지 않더군요.. 따라서 강제로 이용하는 방법입니다. .stretch{ -webkit-transform:translateX(-1%) scale(0.98,1); -moz-transform:translateX(-1%) scale(0.98,1); -ms-transform:translateX(-1%) scale(0.98,1); -o-transform:translateX(-1%) scale(0.98,1); transform:translat.. 2022. 6. 8.
체크 시 Value값 쿠키에 저장 / 다른페이지에 출력하기 #javascript #Cookie #checkbox #value 안녕하세요 Gi_1의 개발일기입니다. 최근, 재고리스트에서 재고를 선택하여 제출버튼을 누르면 다른 게시판 or 이메일전송 작성하기 화면으로 넘기는 일을 하게되었습니다. 1차적으로, PHP의 POST방식을 이용했지만 클라이언트는 체크한 value값이 페이지를 벗어났다가 돌아와도 유지되기를 바랬습니다. 그래서 Cookie를 이용해서 구현해보고자 합니다. INDEX.HTML onclick = checkItem(this)를 넣었습니다. SCRIPT function checkItem(chk) { var chkmno = getCookie("chkmno"); var arr_chkmno; var chk_value = trim(chk.value); if(.. 2022. 6. 7.
setCookie, DeleteCookie, Getcookie 세팅 function setCookie(cookieName, value, exdays){ var exdate = new Date(); exdate.setDate(exdate.getDate() + exdays); var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString()); document.cookie = cookieName + "=" + cookieValue; } function deleteCookie(cookieName){ var expireDate = new Date(); expireDate.setDate(expireDate.getDate() - 1); document.cookie = cookieNa.. 2022. 6. 6.
[Krpano-4] layer / 이미지 / 로고 삽입 #Krpano #Virtual_Tour #VR #Viwer 안녕하세요. Gi_1의 개발일기 입니다. tour.xml에서 이미지를 삽입하는 방법에 대해서 알아보려고 합니다. 왼쪽 상단에 초록색 박스를 보시면, VR화면과 별개로 홈페이지의 로고처럼 왼쪽 상단에 이미지가 삽입되어 있습니다. 이를 클릭하면 링크로 보낼 수도 있고, 이미지가 커지는 등 이벤트를 발생시킬 수 있습니다. (클릭 시 확대 / 가운데로 이동시키는 소스는 따로 저장해 놓았으니 블로그 이전글을 참고해주세요) 우선, HTML을 배우셨다면 DIV를 배운다고 생각하시면 될 것 같습니다. 이미지를 삽입하기 위한 코드인데요, 2022. 3. 15.
[Krpano - 소스저장] 클릭 시 이미지 확대 / 가운데로 이동 set(layer[map].onclick, closemap(); ); layer[map].changeorigin(center,center); set(bigscale,1); if(layer[map].imagewidth GT stagewidth, div(bigscale, stagewidth, layer[map].imagewidth); ); tween(layer[map].x, 0); tween(layer[map].y, 0); tween(layer[map].scale, get(bigscale)); set(layer[map].onclick, openmap(); ); layer[map].changeorigin(lefttop,lefttop); tween(layer[map].x, 20); tween(layer[map].. 2022. 3. 14.
[Krpano-3] 사용방법 - 스킨 세팅 / 설정 정리 #Krpano #Virtual_Tour #VR #Viewer 안녕하세요. Gi_1의 개발일기 입니다. 너무 간단하게 VR이 생성되었는데.. 디자인적인 요소를 변경하는 방법을 알아보겠습니다. 위와 같이 하단 툴바가 있고, 지난번에 생성한 핫스팟, 다른 지점으로 넘어갈 때 슬라이드 효과 외 여러가지를 설정할 수 있습니다. 코드 정리로 남겨놓겠습니다. tour.xml 파일을 열어보시면 ) loadscene_blend_prev = 다음으로 넘어갈 때 효과 loadscene_blend_next = 이전으로 넘어갈 때 효과 loadingtext = 로딩 텍스트 출력 layout_maxwidth = 기본적으로 px단위이고 큰 화면의 경우 100% 권장 controlbar_height = 하단 막대바 높이 design.. 2022. 3. 11.
[Krpano-2] 사용방법 - 이동 화살표(hotspot) 생성/설정 #krpano #Virtual_Tour #VR #viewer 안녕하세요. Gi_1 개발일기 입니다. 기본적으로 VR을 생성했다면, 다음으로는 루트를 설정 해 사용자가 더욱 편하게 VR을 볼 수 있도록 할 수 있습니다. 먼저 krpano Tools를 실행하여 Load tour.xml를 클릭합니다. 미리 만들어 놓은 vtour폴더의 tour.xml 파일을 업로드 하면 됩니다. xml파일을 성공적으로 불러 왔다면, 상단 메뉴 툴바에서 Add hotspot을 클릭합니다. 화살표가 생성 될탠데, 원하는 위치에 드래그 -> 클릭하여 어디로 이동할지 설정 해줍니다. 화살표를 수정하고 싶을 때는, Edit hotspot을 클릭하여 똑같이 설정합니다. 이후 올바르게 작업이 됐는지 확인하면 끝! 감사합니다. 다음 포스팅에.. 2022. 3. 11.
[Krpano-1] 사용방법 - 사용 전 다운로드 / 이미지 업로드 #Krpano #virtual_tour #VR #viewer 안녕하세요. Gi_1입니다. VR viewer가 많이 보이는데 간략하게 사용법 정리하고자 합니다. Krpano홈페이지에서 Download를 클릭 하셔서 환경에 맞는 파일을 다운로드 후 압축 해제 해 줍니다. Krpano는 유료로 인증키가 필요한데, demo버전으로 연습 해 볼 수 있습니다. krpano Tools를 실행하셔서 왼쪽 상단 Make Vtour를 클릭합니다. 파노라마 이미지를 삽입해 주면, 이미지가 있던 폴더에 자동으로 기본 세팅이 완료 됩니다. vtour 라는 폴더가 생성됐습니다. 웹 서버에 업로드 했을 때는 tour.html 파일을 통해 실행되지만, 로컬에서는 html파일로 바로 볼 수 없습니다. 따라서 tour_testingse.. 2022. 3. 10.
[노마드코더] 신박한 HTML 태그 5개!! #HTML #노마드코더 안녕하세요. Gi_1입니다. 유튜브를 보던 중, 평소 공부하지 않던 HTML의 신박한 기능 5가지를 보게 되었는데요. 자바스크립트를 이용해서, 혹은 복잡한 CSS를 통해 구현할 수 있었던 기능 5가지를 정리하고자 합니다. 1. progress는 진행정도를 나타내는 바를 만드는 태그입니다. HTML5에서 추가 되었고, 익스플로러 10부터 지원합니다. HTML max, value, min이 주요 속성입니다. min,max에 따른 value 속성값에 따라 bar의 게이지가 상승합니다. CSS progress[value]::-webkit-progress-bar{ background-color: whitesmoke; box-shadow: 0 2px 5px rgba(0,0,0,0.25) in.. 2022. 3. 9.
[그누보드] 멀티검색 게시판 #그누보드 #멀티검색게시판 안녕하세요. Gi_1입니다. 그누보드는 기본적으로 게시판에 검색 기능이 포함되어 있는데, 그 기능을 2개이상 사용하고자 할 때 이용할 스킨 입니다. --스킨 다운로드 경로-- https://sir.kr/g5_skin/34034 (그누보드 5.4) 게시판 리스트에 간단히 다중검색, 멀티검색,복수검색, 여러개 검색을 로직파일 적용 버전 : 그누보드 5.4.1.3 (그누보드 5.4) 게시판 리스트에 간단히 다중검색, 멀티검색,복수검색, 여러개 검색을 로직파일 변경없이 스킨자체적으로 가능하도록 합니다. sir.kr 다운로드 후, 적용방법을 따라 하신 후에 wr_1 ~ wr_10에 저장 되어 있는 value를 검색 할 수 있습니다. view.write는 wr_1 ~ wr_10 똑같이 작.. 2022. 2. 6.
그누보드 일정(달력) 게시판 + 최신글 안녕하세요. Gi_1입니다. 달력을 사용할 때가 많은데, 선택한 날짜에 게시글을 올려 일정을 공지 할 수 있습니다. 그것을 메인 페이지에 최신글로도 띄울 수 있구요. 위와 같은 캘린더 게시판이 가능하고, 최신글로 연동 또한 가능합니다. 글 쓰기에서는 일정 표시 색상, 기간, 제목, 내용을 입력할 수 있습니다. 관리자는 기본 보기설정을 통해 월간단위로 보일지, 주간으로 보일지 일간으로 보여질지를 선택할 수 있으며 사용자는 버튼을 통해 바꿀 수 있습니다. 화면 버튼의 종류를 선택 할 수 있고 표시색상은 관리자의 마음대로 설정할 수 있습니다. 게시판 링크 https://sir.kr/g5_skin/34052?sca=%EA%B2%8C%EC%8B%9C%ED%8C%90&sfl=wr_subject%7C%7Cwr_con.. 2022. 2. 5.
그누보드 로그인한 회원 정보표시. #그누보드 #회원증 #회원정보표시 안녕하세요. Gi_1입니다. 홈페이지를 만들다 보면 마이페이지를 종종 만드는데요, 그누보드에서는 $member[]을 통해서 회원의 닉네임, 아이디, 여분필드 등을 가져올 수 있습니다. mb_1 ~ mb_10 까지는 그누보드에서 기본으로 활용 할 수 있습니다. 2022. 2. 4.

티스토리툴바