본문 바로가기

분류 전체보기81

[그누보드] 게시판 글 작성시 이메일 전송 커스텀 #그누보드 #게시판작성시이메일전송 안녕하세요. 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.
[그누보드] 게시판 작성 시 관리자에게 이메일 전송하기. #그누보드 #이메일전송 안녕하세요 Gi_1입니다. 그누보드를 처음 이용하시는 분들은 많이 헤매시는 부분입니다. 견적문의 등 게시판을 제작하다 보면 게시판 글 작성 시 이메일로 전송되는 기능을 이용할 때가 종종 있는데요. 해결방법은, 애초에 이메일로 견적을 보내거나 게시판 글 작성 시 관리자에게 안내 메일이 전송되는 것 입니다. --세팅-- 기본환경설정 -> 게시판 글 작성 시 메일설정에서 원하시는 대로 설정 해 주세요. 저는 최고 관리자로 하겠습니다. 기본환경설정에서 관리자 메일 주소를 입력해 주세요. 또, 게시판 글 작성 시 메일 설정에서 설정한 아이디의 E-mail을 설정 해 주세요. 저는 최고관리자로 설정 해서, admin의 e-mail을 설정 해 주었습니다. 게시판 관리 -> 수정 -> 하단에 메.. 2022. 2. 3.
[그누보드] 추천/비추천 기능 커스텀 하기. ( 질문 항목이 딱 2개인 투표기능 만들기 / 투표한 회원 정보 보기 ) #그누보드 #추천 #비추천 #커스텀 안녕하세요 Gi_1입니다. 이전, 백앤드 개발자가 없을 때 들어온 의뢰였습니다. (사실 있었는데 소통이 안되서 프론트 쪽에서 커버를..) ---기능--- 의뢰는 게시판 별 투표기능 추가 였습니다. 저는 게시판 별 추천/비추천을 생각 해 냈고, 투표 항목을 2개로, 질문을 고정하는 형식으로 제안 했습니다. 투표를 하게 되면, 글 작성자와 관리자는 투표자의 이름 / 연락처 / 투표날짜 를 알 수 있습니다. 사용자는 투표를 몇명이 했는지만 알 수 있습니다. ---추천/비추천을 항목에 맞게 퍼블리싱--- 2022. 2. 3.

티스토리툴바