전체 글77 그누보드 테마 제작 27 - 새글 페이지 개발 게시판이 끝났음에도 남은 페이지가 은근히 많이 있습니다. 새글, 1:1문의, FAQ, Q&A, 접속자, 투표... 오늘은 전체검색과 UI가 비슷한 새글을 작업할게요. 기본 테마의 화면은 이렇게 생겼습니다. /bbs/new.php /theme/mt703/skin/new/new.skin.php 위 2가지 파일을 봐야겠네요. 항상 그랬듯이 현재 제작 중 테마의 화면을 보겠습니다. 사실 좀 정렬이 되어보이는 이유는 그누의 스타일시트가 적용되기때문이죠. 주석 처리하는 순간... 일순간에 망가집니다. 검색영역은 전체검색 페이지와 동일해서 금방 끝났네요. 리스트 영역 개발 들어갑니다. 게시판에서 사용했던 리스트로 해야겠습니다. (모바일 화면일때 영역이 어그러지는 버그가 발견되어서 향후 수정 진행 예정이었는데...) .. 2020. 7. 18. 로컬 개발 환경 설정 (XAMPP, Apache, Database, SVN, TortoiseSVN) 항상 그때 그때 생각나는데로 로컬 개발환경이나 상용 환경 셋팅을 했었는데, 해도 해도 외워지지 않는지 왔다 갔다 하면서 시간이 더 소요되는 느낌이었고... 해도 해도 하기 싫은 작업이다. (예전엔 내가 싫으니 남은 얼마나 싫을까 라는 자기 중심적인 사고 방식으로 전체 개발환경을 배치 파일로 만들어 팀원들에게 나눠주고는 했었다. 이게 왜 이기적이냐고? 팀원 중 하나가 이상하게 개발 환경을 만들어서 혼자 에러 내고 있는게 보기 싫었달까... 일정에 영향을 주니까...) 암튼 아래와 같이 정했는데... 뭐 하면서 바뀔 수 도 있다... 바뀌었으면 마지막에 다시 정리해놓지 뭐... (이건 이미 XAMPP가 설정되어 있고, 이미 사용중인 개발환경에만 적용이 가능하다. 즉 나한테만 해당된다.) 1. Windows .. 2020. 7. 18. 그누보드 - Boilerplate 테마(빌더?)가 나타났다!!! 실로 엄청난 테마가 나온 듯 하다. 그것은 바로... 보일러플레이트(이렇게 읽는거 맞나?) sir.kr/g5_theme/5953 보일러플레이트1.2.4(20200713) > SIR 1.2.4(20200713) 변경사항 - 포인트 없어도 다운되는 오류 수정 theme\boilerplate\bp_download.php theme\boilerplate\bp_download_preview.php 1.2.3(20200702) 변경사항 - 포인트 사용안함 체크일 경�� sir.kr 사실 부트스트랩 방식의 그누보드를 사용하기 위해 나 홀로 테마 제작을 진행하였으나... 테마제작이 완료되어갈때즈음.... 위 테마가 공개되었다... 이 테마를 보고... 자괴감이... ㅠㅠ 뭐 괜찮다~ 더 좋은 걸 써야지~~~ 이 블로그.. 2020. 7. 17. CentOS 설치 2 - Minimal 기본 설치 후 해야 할 일들 (1/2) * Minimal 기본 설치 후 해야 할 일들 정리 (1/2) 출처(참조) URL http://lesstif.com/pages/viewpage.action?pageId=6979710 https://www.3rabbitz.com/f01c33e7d8367da2#857542b4ddd63403# --> 여러모로 정리가 잘되어 있음. 기회 되면, 3Rabbitz 솔루션도 써보면 좋을 듯... http://warmz.tistory.com/836\ http://warmz.tistory.com/832 -- 네트워크 설정 http://www.jopenbusiness.com/mediawiki/index.php/CentOS --> Wiki 기반 깔끔한 설명들이 있음. http://byseob.blogspot.kr/201.. 2020. 7. 17. 그누보드 테마 제작 26 - 전체 검색 페이지 개발 오늘은 전체 검색 페이지 작업을 진행합니다. Metronic Admin Template은 전체 검색 UI를 따로 있습니다. 전 검색어 입력란 하단에, 인기검색어나 최근 검색어... 먼일일지도 모르지만, 자동완성 검색어까지도 넣을 수 있다면 좋을 것 같네요. 방향을 정했으니, 이제 그누의 기본 테마를 살펴보겠습니다. 오늘은 위 화면을 만들어야 하는군요. 그 전에 그누보드 기본 테마의 상단에 있는 검색창... 그걸 먼저 처리를 하겠습니다. (검색이 되어야 전체 화면을 만들 수 있으니까요) 항상 하던 순서대로, 그누 기본 테마의 소스를 살펴봅니다. (/theme/basic/head.php 부분에 있겠죠?) 사이트 내 전체검색 인기 검색어 2020. 7. 16. CentOS 설치 1 - Minimal 설치 * 출처 https://access.redhat.com/site/documentation/ko-KR/Red_Hat_Enterprise_Linux/6/html/Installation_Guide/s2-diskpartrecommend-x86.html --> 파티션에 관한 자세한 설명이 있음. 필독. 9.15.5. 추천된 파티션 나누기 계획 Red Hat Enterprise Linux 6 | Red Hat Customer Portal The Red Hat Customer Portal delivers the knowledge, expertise, and guidance available through your Red Hat subscription. access.redhat.com BIN 전체로 굽는것은 이래 저래.. 2020. 7. 16. CentOS 파티션 분할 셋팅 검색을 해보면 아주 기본적인 셋팅부터 많은 정보가 나오지만... 결국은 내 맘데로... 서버의 사용 목적에 따라 다르게 셋팅하는 것이 정답...누군가 그러더군... "리눅스는 아무나 깔 수 있지만, 아무나 쓸 수는 없다"고... 암튼 아래의 표는 여기 저기 블로그에 있는 내용을 검색 및 참조하여 내 맘대로 결론을 내린 내용이다. ------------------------------------------------------------------------------------ 나의 경우, 200G의 하드를 부트로더 및 기본 하드디스크로, 400G의 하드를 백업용으로 사용한다.------------------------------------------------------------------------.. 2020. 7. 16. 그누보드와 영카트의 Hook 기능에 대한 조사 그누보드 테마 작업의 마지막즈음에서 회원 가입 축하 메일 폼 하나 고쳐보려다가 후크 관련 기능들이 나와서 거의 반나절을 공부하고 이해를 했습니다. 저도 나름 개발을 했는데, 정말 생소한 기능이었습니다. (VC나 VB에선 몇번 들어봤던 말이라 쉽게 이해할 줄 알았는데 아니더라구요 ㅠㅠ) 혹시나 저처럼 고생하시는 분들이 있을까 하여 정리해봅니다. (가능한 링크의 순서대로 보시면 더 좋을 것 같아요~) https://sir.kr/manual/g5/288 항상 매뉴얼부터 봐야죠. 그누보드 공식 설명입니다. 문서의 제일 하단에 후크가 적용된 플러그인을 소개해주는데요. 그 중 "5.4 버전 meta tag 추가 및 open graph 추가하기"을 다운로드 받으셔서 소스를 보시면 이해가 빠를거에요. https://s.. 2020. 7. 14. 그누보드 테마 제작 25 - 관리자 선택 삭제/복사/이동 기능 개발 오늘은 게시판 관련 작업에서 남은 두 가지 작업 중 선택 삭제, 선택 복사, 선택 이동 페이지를 작업합니다. 기본 그누 테마의 화면과 현재 작업중인 테마의 화면을 비교하려고 하는데 현재 테마에서 선택 삭제/복사/이동 버튼이 전혀 동작을 안하고 있네요... 오늘은 금방 끝날 줄 알았는데, 처음부터 발목을 잡혔네요. 기존 코드는 button 태그에 type에 submit을 적용하여 클릭시 바로 form.submit()을 수행하도록 되어 있는데, 제작 중인 테마는 bootstrap의 dropdown을 이용하여 화면을 만들었더니 submit()을 타지 못하고 있네요. 뭐 스크립트 함수 하나 만들어서 강제로 script를 타게 하면 될거라고 생각됩니다. // === 그누 기본 테마의 코딩 // === 클릭하면 바.. 2020. 7. 14. 그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발 이제 갤러리 게시판 작업을 진행합니다. 그누 기본 테마의 갤러리 리스트 화면과 현재 제작중인 테마의 갤러리 리스트 화면을 비교해봅니다. 뭐가 어떻게 되면 저렇게 깨질까 궁금하네요. 일반 게시판과 갤러리 게시판의 차이점은 리스트 페이지만 다르군요. 보기 페이지, 댓글 페이지, 보기 우측 사이드 페이지는 그대로 복사해서 옮겨도 될 듯 합니다. (아... 혹시 모르니 소스 비교 작업은 진행해야겠네요.) 검토 결과 list.skin.php 만 다르고 모두 똑같은 소스입니다. 같은 것들은 옮겨놓고, list.skin.php만 원래의 갤러리 파일로 두고 화면을 확인해보겠습니다. (이제 진짜 현재 화면일수도 있겠네요~) 보기 영역과 보기 사이드 영역은 정상적으로 보이나, 하단 리스트 영역은 역시 엄청 깨져 보입니다... 2020. 7. 13. 그누보드 테마 제작 23 - 게시글 부가 페이지 개발 부가 페이지란, 아래 영역을 말하는겁니다. 저 영역을 남겨두긴 했는데, 저기에 뭘 넣어야 할지 답을 못정하고 있다. 걍 없애버릴까도 잠깐 생각이... sir.kr에서 찾아봐야겠습니다. 아.. 기본테마에서도 찾아봐야겠어요. 별거 없네요... SIR에서 가져온 본 게시판의 최신글과 인기글을 배치하고 그 아래로 최신 댓글을 위치시켜보겠습니다. 이번에도 작업 순서를 정해서 진행해볼게요. 1. 보기 페이지의 Side 영역을 위한 파일을 생성합니다. 2. Metronic Admin 템플릿을 이용하여 UI 만들기 3. 각 게시판의 최신글과 인기글을 돌려줄 쿼리 제작 4. 각 게시판의 최신 댓글과 인기 댓글을 돌려줄 함수 제작 5. /bbs/view_side.php 개발 6. view_side.skin.php 개발 이.. 2020. 7. 10. 그누보드 테마 제작 22 - 게시글 리스트 페이지 개발 게시판 관련 마지막 작업이네요. 바로 게시글 리스트 작업입니다. 그누의 기본 테마를 살펴보고, 이전에 준비해둔 제작할 테마의 모양을 보겠습니다. 지금까지 게시글에 적용하는 UI는 사실 Metronic Admin에서 제공하는 Mail UI 였습니다. 여러가지로 비슷해보여서 작업을 하고 있습니다만, 고쳐야 할 부분이 너무 많아서 시간이 많이 걸리고 있네요. (사실 그만 할까 라는 생각도 굴뚝같습니다. 그러나 나와의 약속이니 어떻게든 마무리하려 합니다.) Metronic Admin UI를 개발 중인 테마 화면에 붙여봅니다. 오늘은 순서를 정해보고 하겠습니다. 1. 카테고리 영역 2. 게시글 상단 영역 3. 게시글 리스트 영역 4. 페이징 영역 5. 검색 영역 이 정도 업무로 나뉘는것으로 보여집니다. 이제 달려.. 2020. 7. 9. 그누보드 테마 제작 21 - 게시글 보기 및 댓글 페이지 개발 지난 포스팅에서 정말이지 우여곡절 끝에 게시글 작성 및 수정 페이지를 완료했었습니다. 그 느낌이 부여잡고 보기 페이지를 완료시키려 합니다. 기본 그누 테마의 보기 페이지를 확인하고, 현재 개발 중인 테마의 깨지고 있는 모습을 확인합니다. 어째 두개 다 깨져보이는 이유는 뭘까요? 흠... 어떻게 해야 할지 좀 감이 안잡히네요. 이건 뭐 둘 다 깨져보이니... 정확히 말하면 제가 제일 못하는 화면 구성을 어떻게 해야 할지가 고민됩니다. 하는 수 없이 Metronic Admin 템플릿을 뒤져봐야겠죠... 오... 템플릿 중 메일 폼이 있는데, 이게 그나마 제일 비슷한 것 같네요. 맘에 듭니다. https://keenthemes.com/metronic/preview/demo1/custom/apps/inbox.h.. 2020. 7. 8. 그누보드 테마 제작 20 - 게시글 작성 및 수정 페이지 개발 오늘은 드디어 대망의 게시판 작업이 진행됩니다. 그 중에서도 오늘은 게시물 작성(쓰기) 및 수정 페이지를 먼저 만들려고 합니다. 게시판도 회원가입만큼 많은 옵션을 가지고 있습니다. 회원가입은 모두 사용으로 설정하고 작업하니 큰 문제가 없었는데요. 게시판은 사용함과 안함의 차이가 있는 것들이 일부 있을 것으로 보여집니다. (예: 위지윅에디터 사용 여부 등) 이런 이유로 일단은 모두 사용으로 정의해놓은 상태에서 작업을 진행하고, 하나씩 풀어가면서 확인 및 디버깅 작업을 하려고 합니다. 게시판 설정을 위하여 어드민 사이트로 이동합니다. 먼저 스킨을 테마의 basic과 테마의 gallery로 변경합니다. 공지사항을 먼저 작업을 할 계획입니다. 공지사항의 쓰기 페이지가 완료되면, 자유게시판, 갤러리, QA를 순서.. 2020. 7. 7. 그누보드 테마 제작 19 - 게시판 그룹 페이지 개발 드디어 게시판 작업에 진입하였네요. 짝짝짝~ (자축의 박수~) 게시판, 그 중에서도 오늘은 게시판 그룹 페이지를 만들어봅니다. 먼저 그누 기본 테마 화면을 살펴보고, 현재 제작중인 테마의 모습을 살펴볼게요. 아주 심플하고 간결한 UI네요~ 그리고 현재 작업 전이라 이상한 모습의 저의 게시판 그룹 페이지! 저 망가진 화면을 예쁜 화면으로 바꾸는게 오늘의 일인거죠~ 웹에서 호출되는 페이지인 "/bbs/group.php" 분석부터 들어가봅니다. 제작중인 테마 페이지의 group.php를 다시 살펴보러 갑니다. 페이지의 소스는 아주 심플합니다. 그냥 그룹에 속한 게시판을 모두 검색하여, latest 함수를 호출하여 화면에 출력하는 구조입니다. 메인 페이지 작업과 거의 유사한 구조에요. 즉 한 번 해본 일이라는거.. 2020. 7. 6. 그누보드 테마 제작 18 - 쪽지 내역 및 전송 기능 개발 오늘은 쪽지 관련 기능을 개발합니다. 받은쪽지, 보낸쪽지, 쪽지쓰기의 총 3페이지로 되어 있군요. 제가 만들고 있는 테마에서는 어떻게 보일런지 궁금하네요. 관련 파일은, memo.php와 memo_form.php 그리고 memo_view.php 네요. 당연히 bbs 폴더 안에 있는 것들일거고... 제가 작업해야 할 파일은 /theme/제작중인테마/skin/member/basic 폴더에 있는 memo.skin.php와 memo_form.skin.php, memo_view.skin.php가 되겠네요. (그동안 작업 좀 했다고, 술술 나오네요 ㅎㅎ) Metronic Admin Templat에서 어떤 화면을 이용해야 할지 살펴볼게 꽤 있네요. 테이블로 하면 편할 것 같긴 한데, 지양해야 하는 것 같기도 하고.... 2020. 7. 3. 그누보드 테마 제작 17 - 스크랩 내역 페이지 개발 오늘은 스크랩 내역 페이지를 개발하려고 합니다. 그누기본 테마와 현재 개발 전 제작 중인 테마의 모습을 한 번 확인하고 진행합니다. Modal창으로 할까 역시 생각했지만, 지난 번 마음 먹은대로 당장은 기본 모양 그대로 만들고 나중에 별도의 스킨을 만들도록 하겠습니다. 소스도 심플한 편이네요. 근데 삭제 스크립트가 다른곳에 있나보군요... 지금까지 하면서 보면 대부분 내부에 있던데 말이죠. 창닫기 // ========================================================== // del 함수의 위치 및 내용 // 파일 위치 : common.js 133라인. // ========================================================== // .. 2020. 7. 2. 네이버 블로그로 돈 벌어 보실래요? - 최종편 드디어 대망의 목요일이 되었고!!! 난 결과가 몹시 몹시 궁금한 상태!!! 저녁 8시에 마쳤으니, 저녁쯤에 물어봐야 하지만, 난 너무너무 궁금하여 네이버 검색을 해보았다. 검색한 시간은 오후 3시 쯤으로 기억된다. 만약 통과되었다면, 어카지 라는 걱정을 동반한채로 "치리치리 471474933"과 "치리치리 914734643"으로 검색을 해보았다. 그랬더니... 잠깐 흥분했다가, 다시 생각해보니 검색이 되는게 당연한거고... 아... 앞에만 "치리치리"라고 하고, 뒤에는 난수를 두어 검색되는 순서를 보겠구나 라는 판단이 들었다. 그래서 이번엔 "치리치리"로만 검색을 시전! 1페이지의 마지막부터 치리치리가 보이기 시작한다. 저 블로거는 아마 업로드를 할 수 있겠지 라는 생각과 함께... 살짝 부럽기까지..... 2020. 7. 1. 그누보드 테마 제작 16 - 포인트 내역 페이지 개발 오늘은 포인트 내역 팝업 화면을 개발합니다. 전 어떻게 깨져 보일지 확인해봅니다. 생각보다 많이 이상하게 보이지는 않네요. 수정해야 하는 파일은 /theme/mt703/skin/member/basic/point.skin.php 로군요. 팝업이고, 단순리 리스트만 보여주기에 이번에도 Modal 창으로 도전합니다. 내역이 많으면 세로로 길게 나올수도 있기에 스크롤이 가능한 modal 창을 Metronic Admin Template에서 찾아봅니다. 지난 번 아래의 버튼을 이용, 카피하여 사용했다가 카피된 소스에 문제가 있어 고생을 했었습니다. 그래서 이젠 소스를 열고, 검색하여 가져오고 있습니다. 소스는 어떻게 생겼는지 살펴봅니다. Create a scrollable modal body by adding .m.. 2020. 7. 1. 그누보드 테마 제작 15 - 회원정보 수정 페이지 개발 오늘은 회원정보 수정 페이지를 진행할 계획인데요. 웬지 이번 작업은 만만치 않을 것 같네요. 이유는 그누 기본 테마는 상단 메뉴와 우측사이트 영역이 존재하지만, 전 그걸 빼고 만들었었거든요. 회원정보수정 화면은 상단, 좌측 메뉴가 보여지는게 맞을 것 같다고 판단했기때문입니다. (지난 번 Modal창도 그렇고, 걍 그누의 기본 형식을 따르는게 제일 편할 듯 하네요.) (그럴듯하게 바꾸는건 나중에 하는게 시간이 절약될 것 같아요.) 개발중인 테마에서는 현재화면부터 확인해볼게요. 상단 메뉴와 좌측 메뉴 외에도 회원가입페이지이 좌측 메뉴도 없애버려야 하네요... 이미 만들어놓은거 뒤집을 순 없고, 어케든 개발해야겠죠? (우리에겐 IF문이 있으니까요 ^^) 우선 순서대로 "회원 비밀번호 확인" 페이지부터 개발해야.. 2020. 6. 30. 이전 1 2 3 4 다음
