최신글
- [Javascript]HTMLCollection과 querySelector의 차이 HTMLCollection과 querySelector (또는 querySelectorAll)의 차이는 주로 반환 객체의 형태, 동작 방식, 사용 사례에 있습니다. 이를 아래에서 자세히 비교합니다.1. 반환 객체의 차이메서드getElementsByClassName, getElementsByTagName, 등querySelector, querySelectorAll반환 객체HTMLCollectionElement 또는 NodeList실시간 업데이트문서가 변경되면 자동 업데이트문서가 변경되어도 업데이트되지 않음다중 요소 선택항상 여러 요소를 반환 (HTMLCollection)querySelector: 첫 번째 요소만 반환 querySelectorAll: NodeList로 모든 요소 반환예시// HTML 구조Ite..
- [Javascript]HTMLCollection을 반환하는 주요 DOM 메서드 HTMLCollection을 반환하는 주요 DOM 메서드document.getElementsByTagName(tagName)특정 태그 이름을 가진 모든 요소를 선택합니다.예: document.getElementsByTagName('div')→ 태그를 모두 포함하는 HTMLCollection 반환.document.getElementsByClassName(className)특정 클래스를 가진 모든 요소를 선택합니다.예: document.getElementsByClassName('item')→ 클래스가 item인 모든 요소를 포함하는 HTMLCollection 반환.document.forms현재 문서의 모든 요소를 선택합니다.예: document.forms→ 문서의 모든 태그를 포함하는 HTMLColle..
- [Javascript]DOM Script 이벤트와 선택자 이벤트HTML DOM에서 지원하는 스크립트 이벤트 종류는 웹 페이지에서 다양한 사용자 상호작용과 브라우저 동작을 처리하기 위해 사용됩니다. 주요 이벤트는 다음과 같은 그룹으로 나눌 수 있습니다.1. 마우스 이벤트onclick: 요소를 클릭했을 때 발생ondblclick: 요소를 더블 클릭했을 때 발생onmousedown: 마우스 버튼을 눌렀을 때 발생onmouseup: 마우스 버튼을 뗐을 때 발생onmousemove: 마우스가 요소 위에서 움직일 때 발생onmouseover: 마우스가 요소 위로 들어갈 때 발생onmouseout: 마우스가 요소를 벗어날 때 발생onmouseenter: 마우스가 요소 위로 들어갈 때 (버블링 없음)onmouseleave: 마우스가 요소를 벗어날 때 (버블링 없음)Click..
인기글
- [AI]카카오톡으로 chat GPT 가져오기 (메신저봇 사용) 요새 chat GPT가 대세죠.현재는 GPT를 통해 다양하게 이용중인데요. 저역시 업무간에 코드오류 체크, 생성등 너무 효율적으로 잘사용하고 있습니다. GPT란GPT는 "Generative Pre-trained Transformer"의 약어로, 인공지능 언어 모델 중 하나입니다. GPT 모델은 대규모 텍스트 데이터를 학습하여 문장 생성, 번역, 요약 등의 자연어 처리 작업을 수행할 수 있습니다. GPT 모델은 OpenAI에서 개발되었으며, 최근에는 GPT-3 모델이 출시되어 많은 관심을 받고 있습니다. 먼저 (https://chat.openai.com/) 에 가입하셔서 무료로 사용을 해보시면 이해가빠를겁니다. 준비사항1. 안드로이드폰 (공기계)2. 카카오 계정3. chat GPT API 카카오톡에서 여러..
- [나스]시놀로지 NAS에 웹서버 구축하기 1탄(필수 패키지 설치) 시놀로지 NAS에 웹서버 구축하는 방법입니다. (1탄) 패키지 센터에서 필수 패키지 설치 나스에 접속해서 '패키지 센터'에서 아래 패키지들을 설치합니다. Web Station, Apache HTTP Server, PHP, MariaDB, phpMyAdmin(선택) 버전은 실행 환경에 맞게 설치하시면 됩니다. phpMyAdmin은 필수는 아닙니다. 참고로 XE실행 환경은 다음과 같습니다. 설치를 끝마쳤으면, 설정이 필요합니다. Web Station 설정 설치된 패키지는 '패키지센터'에서 설치됨 탭을 누르면 설치된 목록들이 보여집니다. 여기서 웹스테이션 열기를 클릭합니다. '상태'에서 위에 설치한 패키지가 보여집니다. 참고로 저는 사이트를 여러개 만들다 보니, 각 환경에 맞게 셋팅을 해야해서 버전별로 설치가..
- [WebSquare]웹스퀘어5 퍼블 실무 후기 이번에 진행된 프로젝트의 개발환경이 웹스퀘어 5였다. https://wtech.inswave.kr/websquare/websquare.html?w2xPath=/cm/xml/index.xml 인스웨이브 개발자포털 W-Tech wtech.inswave.kr같이 투입된 응용개발 업체와 퍼블은 웹스퀘어가 처음이었고, 프로젝트 투입 전 동영상 강의를 수료하고 투입을 했다.교육 신청을 했지만 강사가 직접 설명한 게 아닌, 아래 내용을 그대로 재탕해서 좀 실망스럽긴 했다. https://www.youtube.com/playlist?list=PL7a9HhkvOVb3RwaphJUnuqkrJ8UKcy-kJ SP5 퍼블리싱 실습과정 [웹스퀘어5-교육] www.youtube.com웹스퀘어는 여러 큰 프로젝트 개발환경으로 사용..
- [리뷰]저소음 끝판왕 엠스톤 저소음 밀키축 기계식 키보드 사용후기 두 번째 기계식 키보드 엠스톤 그루브 T87A 풀윤활 첫 번째 키보드는 제닉스 키보드이고 대략 8년가량 실무에서 사용했었다. 가끔 인식이 안되는거 외에는 무난하게 사용한듯하다. 그 후에 개인 사무실에서 맥을 사용했기에 사용할 일이 없다가 상주 프로젝트 투입 후 제공해 주는 장비를 사용하면서 키보드를 재구매하게 되었다. https://webmini.tistory.com/825 [리뷰]제닉스 TESORO DURANDAL ULTIMATE 갈축 기계식 키보드 제닉스 TESORO DURANDAL ULTIMATE 갈축 기계식 키보드 컴퓨터로 돈벌이 하는사람들은 가장 민감한 부분이 마우스와 키보드가 아닌가 싶다. 가끔 사무실에서 타자기 치는 소리가 들려오면 기계식 키보 webmini.tistory.com 이번에 구매..
- [정보]자동차 근저당 설정해지 방법(삼성카드 기준) 신차 구매시 카드할부로 많이들 구매하실텐데요. 제가 구매할때 삼성카드로 5년 할부를 해서 구매를 했고, 완납을 하니까 자동차 근저당권(저당권) 말소 해지하라는 문자를 받았습니다. 차량 구매할때 삼성카드 담당자가 할부금 완납 후에 꼭 저당권 설정해지를 하라고 하신 말을 기억하고는 있었습니다. 저당권 말소방법은 문자에 링크를 통해 알수 있듯이 두가지 방법이 있습니다. 1. 대행사를 통해 해지 2. 직접해지 https://www.samsungcard.com/personal/customer-service/efamily/UHPPCC0409M0.jsp 자동차 근저당 설정 해지 안내 - 삼성카드 삼성카드 다이렉트 오토입니다. www.samsungcard.com 직접해지시 대행으로 맡길때보다 1만원 절약할 수 있습니다..
- [웹접근성]모달창(레이어팝업) 포커스(focus) 회귀하려면? 모바일 스크린 리더 환경에서 활성화된 레이어(모달 창) 닫기 버튼을 실행할 때, 초점을 해당 레이어를 불러온 콘텐츠로 돌리는 방법을 설명하겠습니다. 이를 위해 JavaScript와 ARIA 속성을 사용하여 웹 접근성을 보장할 수 있습니다. 단계별 구현 방법HTML 구조 설정:모달을 열기 위한 버튼모달 레이어모달 닫기 버튼JavaScript로 포커스 관리:모달을 열 때 모달 내의 첫 번째 포커스 가능한 요소에 포커스를 설정모달을 닫을 때 포커스를 모달을 연 버튼으로 복귀HTML 예시모달 열기 모달 타이틀 닫기 모달 내용이 여기에 표시됩니다. CSS 예시.modal { display: none; /* 기본적으로 모달은 보이지 않음 */ positi..
- 웹미니 라이프 스킨 특징 웹미니 라이프 티스토리 스킨 특징- 검색엔진최적화(SEO)- 웹접근성 준수- 반응형 지원- 기업용 블로그에도 적합- 프로모션 기능- 자동 다크모드 지원- 화면 확대 기능- 내비게이션 꾸미기- 카테고리 펼침/접기 지원- 본문 집중모드- 본문글자크기 조절기능 추가- 본문 이전글/다음글 설정- 본문 관련글 설정- 공지사항 스크롤 기능- 메인 알림팝업 기능- 로티(lottie) 애니메이션 기능- 업데이트 지원검색엔진최적화(SEO)구글, 네이버, bing을 옵션을 통해 쉽게 등록가능합니다.시멘틱 웹, 의미있는 마크업으로 SEO에 최적화되어있습니다. 웹접근성 준수티스토리 특성상 코드 수정 못하는 부분까지 웹접근성에 최대한 초점을 맞춰서 제작되었습니다.반응형 지원통일성 있게 모바일에서도 반응형으로 지원이 됩니다.기업..
- [정보]맥용 PC 카카오톡 로그인 무한로딩 오류 해결방법 맥용 카카오톡 로그인이 잘되다가 갑자기 안될때(무한로딩) 아래방법처럼 해보세요. LaunchPad(로켓 그림 아이콘) 눌러 위처럼 실행 후 카카오톡 아이콘을 마우스로 길게 클릭하고 있으면 삭제 버튼이 나옵니다. 그리고 삭제해주세요. LaunchPad 단축키는 F4입니다. 그리고 재설치를 해줍니다. 설치 후 로그인을 합니다. 요점은 LaunchPad를 통해 삭제를 하고 재설치하는것입니다. 응용프로그램에서 삭제 후 재설치를 해도 안되서 위와 방법으로 진행했더니 오류가 해결되었습니다. 자세한 사항은 아래 고객센터 내용을 확인해주세요. 안녕하세요. kakao입니다. 신속하게 답변 드리지 못해 죄송합니다. 문의하신 내용에 대해 답변이 지연되어 정말 죄송합니다. 타임머신 복원할 경우, 맥 장비가 변경되거나 카카오톡..
- [VS Code]비주얼 스튜디오 익스텐션 sftp, ftp를 이용해서 바로 업로드해 보자 에디트플러스를 사용했을땐 저장하면 바로바로 서버에 업로드되서 편하게 코딩했던거 같습니다. VS Code를 사용하면서도 동일하게 가능합니다. 경로 혹은 설정을 잘못해서 저장 후 파일을 하나씩 올리고 있었다면, 아래방법데로 해보세요. 로컬에서 파일을 저장하면 바로 서버에 올라가게 하는 방법입니다. (모르시는 분들을 위해) SFTP 익스텐션 설치하기 VS Code 익스텐션에서 sftp를 다운로드 받습니다. (여러 ftp 설치파일을 사용해봤지만 개인적으로 이게 편하더군요.) 프로젝트 생성 로컬 프로젝트 폴더를 여시고 설정파일을 생성해야합니다. 그후 설정에서 SFTP:Config를 선택합니다. (윈도우 : ctrl + shift + p 맥 : command + shift + p) 설정 화면이 보이면 아래와 같이 ..
- [AI]카카오톡으로 chat GPT 가져오기 (메신저봇 사용) - 개선된 버전 기존 버전에서 개선된 버전입니다. https://webmini.tistory.com/1080 (기존버전) [AI]카카오톡으로 chat GPT 가져오기 (메신저봇 사용)요새 chat GPT가 대세죠.현재는 GPT를 통해 다양하게 이용중인데요. 저역시 업무간에 코드오류 체크, 생성등 너무 효율적으로 잘사용하고 있습니다. GPT란GPT는 "Generative Pre-trained Transformer"의 약webmini.tistory.com셋팅 방법은 위에 게시글을 참고해주시고, 코드만 아래 내용으로 변경하시면 됩니다.개선된 코드const scriptName = "GPT";let key = "API 입력"; // OpenAI 사이트에서 발급받은 API 키 입력function response(room, msg,..
운영일지
- [운영일지]웹미니 라이프 스킨 1.4.1 버전 : webmini life 1.4.1업데이트 내역- 본문내 이전글/다음글 추가- '응원하기' 다크모드 지원 본문내에 이전글/다음글이 추가되었으며, 스킨편집에서 노출 설정이 가능합니다.관련글도 노출 설정이 스킨편집에서 가능하도록 수정되었습니다. '응원하기' 노출이 되는 블로그는 다크모드에서도 지원하도록 수정되었습니다.주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기
- [운영일지]웹미니 라이프 스킨 1.3.4(패치) 버전 : webmini life 1.3.4업데이트 내역- 버전표기 오류 수정 (index.xml, style.css)- 제목 그라데이션 설정 오류 수정 스킨편집에서 '제목 그라데이션 사용' 사용안할시 그라데이션 제거 되지 않은 문제 수정 기존 사용자는 아래 내용찾으셔서 해당 스타일 삭제해주세요. style.css.post-cover h2 { margin: 0 auto; font-weight: 600; font-size: 22px; line-height: 1.4; color: var(--defaultText); letter-spacing: -0.01em; overflow: hidden; background: linear-gradient(90deg, #8980ed..
- [운영일지]웹미니 라이프 스킨 1.3.3 webmini life 1.3.3업데이트 내역- 본문글자크기 조절기능 추가 스킨편집에서 '본문 폰트사이즈 확대/축소' 기능을 설정할 수 있습니다. 화면크기 기능과 다르게 본문글자 기능은 본문에 글자 크기만 제어합니다. 기존 사용자중에 스킨을 수정해서 덮어씌우기가 어려울경우는 아래 코드를 추가해주시면 됩니다. script.js// 본문 글자크기조절코드// 본문 글자크기조절 end 위 주석을 찾아 안에 코드를 복사 후 넣어주세요. skin.html// 아래 코드를 찾으신 후본문 집중모드// 아래 코드로 변경합니다. 본문 집중모드 본문글자 style.css.post-cover .option_box { ..
리뷰
영화
더보기Front-End
- [Javascript]HTMLCollection과 querySelector의 차이 HTMLCollection과 querySelector (또는 querySelectorAll)의 차이는 주로 반환 객체의 형태, 동작 방식, 사용 사례에 있습니다. 이를 아래에서 자세히 비교합니다.1. 반환 객체의 차이메서드getElementsByClassName, getElementsByTagName, 등querySelector, querySelectorAll반환 객체HTMLCollectionElement 또는 NodeList실시간 업데이트문서가 변경되면 자동 업데이트문서가 변경되어도 업데이트되지 않음다중 요소 선택항상 여러 요소를 반환 (HTMLCollection)querySelector: 첫 번째 요소만 반환 querySelectorAll: NodeList로 모든 요소 반환예시// HTML 구조Ite..
- [Javascript]HTMLCollection을 반환하는 주요 DOM 메서드 HTMLCollection을 반환하는 주요 DOM 메서드document.getElementsByTagName(tagName)특정 태그 이름을 가진 모든 요소를 선택합니다.예: document.getElementsByTagName('div')→ 태그를 모두 포함하는 HTMLCollection 반환.document.getElementsByClassName(className)특정 클래스를 가진 모든 요소를 선택합니다.예: document.getElementsByClassName('item')→ 클래스가 item인 모든 요소를 포함하는 HTMLCollection 반환.document.forms현재 문서의 모든 요소를 선택합니다.예: document.forms→ 문서의 모든 태그를 포함하는 HTMLColle..
1인 기업
- [1인 기업]다양하게 사용할 수 있는 엑셀(.xlsx) 견적서 양식 견적서 액셀 파일 입니다.견적서 보낼때 세금계산서와 3.3%로 했을경우 자동으로 계산됩니다.의뢰가 들어올 경우 세금계산서 발행을 원하는 고객이 있고, 3.3% 프리로 계산하는 업체도 있어서 제가 사용하려고 만들었는데 배포합니다. 다양하게 사용이 가능합니다.수정해서 마음데로 사용해도 됩니다만, 재배포는 하지말아주세요.(감사의 댓글과 하트면 충분합니다.) 기능1. 수량별로 금액,세액이 자동계산2. 세금계산서 발행시와 미발행시(3.3%용역) 최종금액이 자동계산됩니다.
- [쇼핑몰]자사몰(독립몰)을 운영 중일 경우 서울보증보험 가입하기 자사몰(독립몰)을 이용하시려면 서울보증보험에 가입을 하셔야 합니다. 무조건 가입하는 건 아니고, 가입해야 하는 조건이 있습니다. 면제 (한 달 기준) 상품가가 100만 원 미만으로 판매할 경우 면제 / 월 한도 1000만 원 / 건당한도 100만 원으로 진행됩니다. (다만, 종합몰일 경우에는 가입을 해야 합니다.) 100만 원 미만, 한도가 1000만 원 이하일 경우에도 카테고리가 종합몰 형태이면 가입을 해야 PG사에서 승인을 해줍니다. https://mall.sgic.co.kr/csh/iutf/sh/html/CSHINFO002VM0.mvc?tm=1 쇼핑몰보증보험이란 | SGI 서울보증 · 쇼핑몰보증보험 mall.sgic.co.kr 보증내용 : 신용카드가맹점/신용카드 등 전자결제 대행계약에 따른 손해배상..
- [애드핏]카카오 애드핏(AdFit)광고는 무엇인가? 카카오 애드핏 (https://adfit.kakao.com) 가장 수익률이 좋고, 선호하는 광고는 아마도 구글 애드센스일 것입니다. 구글 광고는 한 페이지에 3개의 광고만 개제가 가능해서 카카오 애드핏을 혼용해서 많이들 사용합니다. 카카오 AdFit은 기존의 Daum AdFit 광고였습니다. 카카오로 인수합병 되면서, 카카오 애드핏(AdFit)으로 이름과 서비스가 변경되었습니다. 매체를 여러 개 추가할 수 있으며 적립금 형태로 수익이 발생됩니다. 확정적립금은 5만 원 이상이어야 지급 요청하실 수 있습니다. (아래내용 참고) 확정적립금은 5만원 이상인 경우 10원 단위로 현금으로 지급을 요청하실 수 있습니다. 지급요청은 매월 21일부터 말일까지 요청하실 수 있으며, 말일까지는 취소가 가능합니다. 지급요청 ..
IT
- [나스]시놀로지 NAS에 웹서버 구축하기 6탄(도메인 접속시 다른 사이트로 리다이렉팅 시키기 .htaccess 이용) 시놀로지 NAS에 웹서버 구축하기 6탄 - 도메인 연결시 다른 사이트로 리다이렉팅 시키는 방법입니다. 이해를 돕고자 아래 url로 접속해보면 알수 있습니다.https://www.webmini.co.kr 위 주소로 접속시 https://webmini.tistory.com 으로 라다이렉팅 되는 걸 알수 있습니다.물론 도메인 제공업체에서 설정하는 여러 방법들도 있겠지만, 저는 시놀로지 NAS 웹서버를 통해 .htaccess 파일을 이용해서 리다이렉팅을 하고자 합니다. 먼저 도메인 업체에서 DNS레코드 설정을 하셔야합니다.본인이 구매하신 도메인 업체 사이트에 접속해서 DNS레코드 > A레코드 설정을 해주세요. (사이트마다 조금씩 다릅니다.)예를 들어 webmini.net 이나 www.webmini.net 로 접..
- [AI]카카오톡으로 chat GPT 가져오기 (메신저봇 사용) - 개선된 버전 기존 버전에서 개선된 버전입니다. https://webmini.tistory.com/1080 (기존버전) [AI]카카오톡으로 chat GPT 가져오기 (메신저봇 사용)요새 chat GPT가 대세죠.현재는 GPT를 통해 다양하게 이용중인데요. 저역시 업무간에 코드오류 체크, 생성등 너무 효율적으로 잘사용하고 있습니다. GPT란GPT는 "Generative Pre-trained Transformer"의 약webmini.tistory.com셋팅 방법은 위에 게시글을 참고해주시고, 코드만 아래 내용으로 변경하시면 됩니다.개선된 코드const scriptName = "GPT";let key = "API 입력"; // OpenAI 사이트에서 발급받은 API 키 입력function response(room, msg,..
시놀로지 NAS
- [나스]시놀로지 나스 파일 공유시 기본URL을 개인 도메인으로 변경하기 시놀로지 나스 파일을 공유할시 기본 URL(gofile.me)로 공유할경우 ip주소로 되어 접속이 안되는 경우도 있습니다. 개인 도메인을 사용하신다면 개인 도메인으로 연결하는 방법을 알려드리고자 합니다. 시놀로지 개인 도메인을 연결하는 방법은 일단 패스하고, 연결 했다는 과정하에 설명드리겠습니다. 먼저 제어판 > QuickConnect > 고급탭을 클릭합니다. 그리고 파일 공유를 체크해제를 해줍니다. 그리고 제어판 > 외부 액세스 > 고급탭에서 개인 도메인을 적습니다. 아마 개인 도메인을 미리 연결해 놨다면 입력이 되어있을 수 있습니다. 파일 공유 링크를 보시면, 바뀌어있는걸 확인할 수 있습니다.
- [나스]시놀로지 나스 방화벽 설정하기 나스 방화벽 설정에 대해서 알아보겠습니다. 나스를 웹서버로 운영할 수 도 있고, 중요한 자료를 보관 및 백업용으로 사용 할때 도 있기 때문에 방화벽 설정은 중요합니다. 먼저 제어판을 클릭합니다. 제어판에서 보안을 클릭 후 방화벽 탭을 선택합니다. 규칙 편집을 클릭 후 방화벽 설정을 해줍니다. 저 같은 경우는 제 프로파일을 만들어서 추가를 해줬습니다. 생성을 클릭합니다. 기존에 추가한 규칙이 있다면 편집을 하셔도 됩니다. 포트로 허용, 거부를 할수 있으며, 특정 IP 혹은 국가별 IP로 차단 할 수 도 있습니다. 저는 웹서버로도 운영중이긴 하지만, 외국에서 접속할 이유가 없어서 남한 IP로만 접근 가능하게 설정해 놓았습니다. 본인의 나스 운영 목적에 맞게 방화벽을 설정하시면 됩니다.
- [나스]시놀로지 NAS에 웹서버 구축하기 4탄(서브도메인 연결) 시놀로지 NAS에 웹서버 구축하기 4탄 - 서브도메인 연결 방법입니다.서브도메인이라 함은, www.webmini.net의 도메인을 사용 중일 때 쇼핑몰은 shop.webmini.net 로 하고 싶을 때입니다.즉, www.webmini.net로 연결을 하면 1이란 사이트가 접속되고, shop.webmini.net로 접속하면 2라는 사이트가 접속되게 한다는 의미입니다. 뒤에 도메인은 같지만 별도의 폴더로 관리가 된다고 보시면 됩니다. 이 글을 읽고 계시다면, 서브도메인에 대해서는 다들 아신다고 생각하고, 바로 본론으로 들어가겠습니다.서브도메인 추가하기먼저 나스에 접속합니다.그리고 웹스테이션에서 서브도메인을 아래와 같이 추가해줍니다.1. '생성'을 클릭합니다.2. 호스트 이름 부분에 원하시는 서브도메인을 입력..
- [나스]시놀로지 나스 추천 패키지 시놀로지 드라이브(synology drive) 구글 드라이브, 아이클라우드, 네이버 드라이브, one 드라이브등 어려 업체에서 클라우드 서비스를 제공중이며, 언제 어디서든 인터넷만 연결되어있다면, 파일을 주고 받을 수 있습니다. 클라우드의 장점이 많다 보니, 여러 기업체에서는 기본적으로 클라우드 서비스를 하고 있습니다. 하지만, 용량 추가시 금액을 추가해야하기 때문에 나스를 이용하는 사람들도 많습니다. (물론 초기 비용은 많이 들겠지만요.) 시놀로지에서도 '시놀로지 드라이브'를 패키지로 제공합니다. 아주 막강하죠^^ Synology Drive Server 먼저 나스에 접속 후 패키지 센터에서 synology drive Server를 설치를 합니다. 시놀로지 드라이브는 휴대폰, 모바일, pc, 웹, 태블릿에서 모두 지원을 하기 때문에 나스와 연동 후 ..
- [나스]시놀로지 NAS에 웹서버 구축하기 3탄(DB생성 및 사용자추가) 시놀로지 NAS에 웹서버 구축하기 3탄 DB생성 및 사용자추가, 권한부여하는 방법에 대해 알아보도록 하겠습니다. phpMyAdmin 설치 패키지 센터에서 phpMyAdmin을 설치합니다. 설치가 완료되었으면, 웹브라우저에서 phpMyAdmin 화면으로 이동합니다. (예. http://xxx.xxx.x.x/phpMyAdmin) 본인의 도메인 주소 또는 IP입니다. root계정으로 로그인을 하시고, 진입을 합니다. 사용자 계정 추가 및 데이터베이스 생성 사용자 계정을 추가해서 동일 이름의 데이터베이스를 생성하는 방법도 있고, 사용자 계정을 추가후 다른이름의 데이터베이스를 생성하는 방법도 있습니다. 1. 사용자계정과 데이터베이스명을 동일하게 했을때 방법입니다. 먼저, 상단에 사용자 계정탭을 클릭합니다. 사용자..
- [나스]시놀로지 NAS에 웹서버 구축하기 2탄(권한설정) 시놀로지 NAS에 웹서버 구축하기 2탄 권한설정입니다. 1탄 필수 패키지 전에 해도 되고, 하면서 해도 되긴 하지만, 순서로 따지면 이게 먼저 일 수도 있겠네요. 폴더생성 및 권한 여러 사이트 구축을 해놔서 제 기준으로 설명을 드리자면, 1탄에서도 잠깐 설명했지만, /web 폴더를 만들어서 이곳에서 모든 웹사이트를 관리하고 있습니다. /web/사이트1/www /web/사이트2/www 이런식으로 폴더를 만들고, 각사이트 www 폴더에 권한을 줬습니다. 해당 폴더에 마우스 우측을 클릭하셔서 속성으로 접근합니다. 그후에 '일반'탭에서 소유자를 'http'를 선택해줍니다. '권한'탭으로 가시면 모든게 음영 처리가 되어있는데, '생성'을 눌러서 'http'를 아래처럼 추가해줍니다. 사용자 또는 그룹에 'http'..
- [나스]시놀로지 NAS에 웹서버 구축하기 1탄(필수 패키지 설치) 시놀로지 NAS에 웹서버 구축하는 방법입니다. (1탄) 패키지 센터에서 필수 패키지 설치 나스에 접속해서 '패키지 센터'에서 아래 패키지들을 설치합니다. Web Station, Apache HTTP Server, PHP, MariaDB, phpMyAdmin(선택) 버전은 실행 환경에 맞게 설치하시면 됩니다. phpMyAdmin은 필수는 아닙니다. 참고로 XE실행 환경은 다음과 같습니다. 설치를 끝마쳤으면, 설정이 필요합니다. Web Station 설정 설치된 패키지는 '패키지센터'에서 설치됨 탭을 누르면 설치된 목록들이 보여집니다. 여기서 웹스테이션 열기를 클릭합니다. '상태'에서 위에 설치한 패키지가 보여집니다. 참고로 저는 사이트를 여러개 만들다 보니, 각 환경에 맞게 셋팅을 해야해서 버전별로 설치가..
- [나스]시놀로지 NAS에 웹서버 구축하기 6탄(도메인 접속시 다른 사이트로 리다이렉팅 시키기 .htaccess 이용) 시놀로지 NAS에 웹서버 구축하기 6탄 - 도메인 연결시 다른 사이트로 리다이렉팅 시키는 방법입니다. 이해를 돕고자 아래 url로 접속해보면 알수 있습니다.https://www.webmini.co.kr 위 주소로 접속시 https://webmini.tistory.com 으로 라다이렉팅 되는 걸 알수 있습니다.물론 도메인 제공업체에서 설정하는 여러 방법들도 있겠지만, 저는 시놀로지 NAS 웹서버를 통해 .htaccess 파일을 이용해서 리다이렉팅을 하고자 합니다. 먼저 도메인 업체에서 DNS레코드 설정을 하셔야합니다.본인이 구매하신 도메인 업체 사이트에 접속해서 DNS레코드 > A레코드 설정을 해주세요. (사이트마다 조금씩 다릅니다.)예를 들어 webmini.net 이나 www.webmini.net 로 접..
- [나스]시놀로지 관리자 로그인시 "특정 기간 내에 허용된 최대 로그인 시도 실패 횟수 도달" 했을때 나스 접속하는 방법 시놀로지 로그인 시 "특정 기간 내에 허용된 최대 로그인 시도 실패 횟수 도달"이라고 문구가 뜨면서 나스에 접속 못하는 경우가 있다. 해당문구는 나스 접속 후에 보안 > 보호 > 허용/차단 목록에서 차단된 아이피를 제거해 주면 간단히 해결될 문제 이긴 하나, 관리자로 접속을 할 수 없을 때는 난감한 상황이 돼버린다. 이럴 땐 시놀로지 사이트를 통해 나스에 접속이 가능하다. 시놀로지 사이트 접속 먼저 시놀로지 사이트에 로그인을 한다. https://www.synology.com/ Synology Inc. 스마트하고 직관적인 비디오 감시 새로운 BC500 및 TC500 IP 카메라를 확인하십시오. 자세한 정보 www.synology.com 로그인 후 Account 페이지로 들어가면 내가 등록한 나스 장비가 ..
- [나스]시놀로지 NAS에 웹서버 구축하기 5탄(Data 파일 및 DB 자동백업 하기) 시놀로지 NAS에 웹서버 구축하기 5탄 - 사이트 Data 파일 및 DB 자동백업 하는 방법입니다. 사이트를 운영하다 보면 백업은 필수인데요. 설명하기 쉽게 사이트 도메인이 test.com 이라고 가정하겠습니다. 폴더 구조가 test > www 안에 파일들이 존재하고 www가 사이트에 루트라고 하겠습니다. 사이트내 파일(데이터)들은 www 안에 존재하기 때문에 www 폴더를 통째로 백업을 하게 되며, 데이터 파일 백업과 함께 DB도 백업을 할것입니다. 물리적으로 시놀리지 volume1에 웹서버를 구축했다면, 백업은 volume2에 할것입니다. 즉, volume1 (HDD)가 문제가 생겼을때 백업파일은 다른 볼륨(volume2)에 백업하는것입니다. (포인트는 웹서버 볼륨과 백업 볼륨이 달라야 하는것입니다...
- [나스]시놀로지 나스 wol 원격으로 외부에서 전원켜기 (엘지 유플러스 기준) 시놀로지 나스는 외부에서 '다시 시작'과 '전원 종료'는 가능해도 '전원 켜기'는 되지 않기때문에 따로 설정을 해줘야합니다. 해당 기능은 WOL(Wake ON LAN ) 랜 설정으로 원격으로 제어가 가능합니다. 엘지 유플러스 공유기 기준이며, 시놀로지 나스 외에 컴퓨터의 전원을 켤수도 있습니다. 나스 설정하기 먼저 나스에 접속해서 제어판 > 하드웨어 및 전원 메뉴로 접근합니다. 메뉴에 접속했으면 전원 복원에 WOL을 활성화 해줍니다. 공유기 설정하기 공유기 관리자로 접속 후 네트워크 설정 > 세부설정으로 접근합니다. Wske On LAN 탭을 클릭 후 '맥주소 검색'을 합니다. 맥주소 검색을 하면 나스에 연결된 IP주소를 체크하고 추가를 해줍니다. 이제 모든 설정은 끝났습니다. 스마트폰 시놀로지 DS F..
- [나스]시놀로지 DSM 7.0업그레이드를 위한 MaraDB 5 마이그레이션하기 시놀로지 DSM이 업그레이드 되었습니다. (https://www.synology.com/ko-kr/DSM70) Synology Incorporated DiskStation Manager 7.0 간소화된 사용자 환경, 강화된 로그인 보안, 유연한 클라우드 저장소 및 클라우드에서 시스템 모니터링은 더욱 우수하고 빠른 저장소 기술의 결과입니다. DSM 7.0은 전반에 걸쳐 www.synology.com 시놀로지 나스를 여러 용도로 사용하겠지만, 웹서버로 운영시 MariaDB 5를 사용하고 계시다면 10으로 마이그레이션을 한 후 MariaDB 5를 삭제해줘야 DSM 7.0으로 업그레이드를 할수 있습니다. 마이그레이션 하는 방법은 아래 주소를 참고하시면 됩니다. https://kb.synology.com/ko-k..
- [나스]시놀로지 나스 공유폴더 용량(할당량) 늘리기 시놀로지 나스의 공유폴더 할당량을 늘리는 방법입니다. (상황) 1. 초기 공유폴더 생성할때 할당량을 1TB로 설정함 2. 아이맥 'Time Machine' 백업폴더를 나스(time mackine) 공유폴더로 연결해둠 3. 용량이 부족해서 자동백업이 안되고 있는 상황 여러 상황이 있겠지만, 방법은 동일합니다. 저같은 경우는 아이맥 백업을 나스로 연결해둔 상태이고 용량이 부족해서 백업할 수 없는 상황이라 공유폴더의 할당량을 늘려야하는 경우입니다. 먼저 나스에 접속해서 '제어판'을 클릭 후 '공유 폴더' 메뉴로 진입합니다. 할당량을 늘려야하는 폴더를 선택 후 상단 '편집'이나 마우스 우클릭의 '편집'을 클릭합니다. 그 후 '고급'탭을 선택합니다. '공유 폴더 할당량 활성화...' 부분을 체크하고 원하는 용량으..
- [나스]시놀로지 채팅 패키지 (Synology Chat Server) 살펴보기 시놀로지 나스를 구축하면 기업에서도 유용하게 업무 시스템 환경을 만들 수 있습니다. 사용기에서 이미 언급을 했었습니다. [나스]모바일(스마트) 오피스를 위한 시놀로지 나스(NAS) 구축 및 사용기 장소에 구애받지 않고 인터넷이 되는 곳이라면 언제 어디든지 자유롭게 업무를 볼 수 있다. 특히나 1인 기업의 디지털 노마드의 삶을 추구한다면, 모바일 오피스 구축은 꼭 필요하다. 인터넷으 webmini.tistory.com 그중에서 팀이 있는 조직에서 유용하게 사용할 수 있는 채팅 패키지를 살펴보도록 하겠습니다. 물론 '팀즈'와 '슬랙'을 업무 메신져로 많이들 사용하겠지만, 나스에도 "이런 업무 메신져가 있구나"라고 생각하시면 될거같습니다. 먼저 시놀로지에서 'Synology Chat Server'을 설치합니다..
- [나스]나스 파일 외부로 공유하기 나스에 있는 파일을 외부로 공유하는 방법입니다. 생각보다 쉽습니다. 먼저 공유할 파일을 선택 후 마우스 우클릭을 합니다. 메뉴에서 '공유' 버튼을 클릭합니다. '공유 링크'의 주소를 복사하고 저장을 누르시고, 복사한 주소를 공유하면 합니다. 복사한 주소를 웹브라우저로 접속하면 위와 같이 다운로드 화면이 연결됩니다. 그 밖에 공유 파일에 '유효 기간'을 설정해서 다운 받을 수 있는 기간을 설정할 수 있습니다. 시작/중지 날짜와 시간을 입력하면 그 기간에만 파일을 다운 받을 수 있습니다. 그리고 몇번 다운 받을 수 있느지 액세스 수를 지정할 수 도 있습니다. 아무런 설정을 하지 않으면 '공유 링크'를 알면 누구나 다운을 받을 수 있지만, '보안 공유 활성화'를 선택하면 나스 사용자에게 다운로드 권한을 줄 수..
- [나스]모바일(스마트) 오피스를 위한 시놀로지 나스(NAS) 구축 및 사용기 장소에 구애받지 않고 인터넷이 되는 곳이라면 언제 어디든지 자유롭게 업무를 볼 수 있다. 특히나 1인 기업의 디지털 노마드의 삶을 추구한다면, 모바일 오피스 구축은 꼭 필요하다. 인터넷으로 이용한 스마트 워크로 본다면, 모바일 오피스와 스마트 오피스는 맥락상 같은 개념이다. 스마트 오피스는 IT기반의 사무실로 출근하는 것이라, 디지털 노마드의 삶이 가능한 모바일 오피스하고 약간 차이가 있지만, 어찌됐건, 인터넷이 되는 곳이라면 자유롭게 업무를 볼 수 있다는거에 대해서는 같다고 보면 된다. 모바일(스마트) 오피스 환경 구축을 위해서는 여러 클라우드 서비스를 이용하는 방법이 있고, 나만의 스마트 워크 시스템을 만들기 위해서는 나스를 추천해주고 싶다. 구글 드라이브, 네이버 클라우드, 아이클라우드등 수많은 업..
도서
여행
- [여행]눈내리는 카멜리아 힐 (동백 수목원- 꽃 연구소) 4번째 제주도 여행입니다. 코로나로 인해 제주도에도 사람이 없고, 추운날이라 눈까지 내리는 여행이었습니다. 관광지에 사람이 없으니, 조용히 다녀왔습니다. 추운날엔 해외인데 코로나가 빨리 사라졌으면 좋겠네요. 짧은 일정이고 날씨도 추웠지만, 전에 못가봤던 곳을 가보고 싶어서 카멜리아 힐을 가보왔습니다. 동절기는 매일 08:30 - 18:00까지 하고 17시에 발권마감합니다. 카멜리아 힐은 30년 열정과 사랑으로 제주의 자연을 담은, 동양에서 가장 큰 동백 수목원입니다. 6만여 평의 부지에는 가을부터 봄까지 시기를 달리해서 피는 80개국의 동백나무 500여 품종 6000여 그루가 울창한 숲을 이루고 있습니다. 또 향기가 나는 동백8종 중 6종을 보유하고 있어서 달콤하고 매혹적인 동백의 향기에 흠뻑 취할 수 ..
- [여행]장흥 계곡 해뜨는 집 물놀이 더울땐 계곡만한게 없죠. 아버지 생신을 맞이해서 우리 가족이 계곡을 향했습니다.우이계곡과 수락산도 알아봤지만, 장흥계곡은 가보질 않아서 장흥 유원지로 결정! 3일전쯤 예약을 하려고 했지만, 가고자 하는곳은 이미 예약이 꽉찼고, 다른곳은 예약 없이 선착순으로 자리 잡는곳이 있어서 "해뜨는 집" 으로 갔습니다. 오전 10시에 오픈 한다고 해서 집에서 40분 거리라 9시10분쯤 출발을 하게 됐습니다.네비로는 9시50분쯤 도착이었는데, 차가 마지막에 막혀서 10시20분쯤 도착 했습니다. 초입에는 차가 막혔는데, 가고자 하는곳은 상류쪽이라 그시간에는 많이 막히지는 않더군요.주차장도 복잡하진 않았는데, 냇가 자리는 이미 만석이였습니다. 직원한테 물어보니 9시30분 부터 기다린 사람이라고 합니다. ㅎ결국 냇가 자리보..
- [여행]1박2일 여수 버스여행 집에서 여수까지 대략 500키로 정도, 자동차 기준 약 5시간 정도 소요됩니다.말이 5시간이지 휴게소 들르고, 차 막히는거 까지 계산하면 그 이상일 겁니다. 예전부터 여수를 가보고는 싶었는데, 엄두가 나질 않은터에 어머님의 추천으로 버스 여행을 알게됐고, 찾아보게 되었습니다.찾다보니 수많은 패키지가 있었고, 개인적으로 갔을때 하고 비용 차이가 크지 않았습니다 . 무엇보다도 운전 하면서의 피로도와 술먹는거에 대한 걱정거리가 없어서 매력적으로 다가왔습니다. (여행에서 술이 빠지면 안되죠.) 여수를 찾다보니, 크게 맛기행 여행과 관광 여행으로 나뉘는듯 했습니다.여수 첫여행이라 관광 여행쪽에 비중을 두고, 해당 상품을 일주일전에 예약했습니다. 부지런히 움직이자! 버스여행은 부지런히 움직여야합니다. 한군데에 집결..
- [여행]가평 씨앤씨 레져 캠핑 후기 캠핑하기 좋은 날씨 이며, 오늘은 지방선거도 있는 날입니다. 오전에 투표를 하고, 가평 씨앤씨 캠핑장으로 향했습니다. 캠핑장으로 향하다 서울/경기에서 접근성도 좋고, 가깝다 보니 당일 치기로도 적합 합니다. 여러 캠핑장이 있지만, 씨앤씨 레져의 특징은 수상레저도 즐길 수 있고, 더불어 수영장도 있어서 캠핑에 재미를 더해줍니다. 깔끔한 편의 시설과, 텐트가 없는 분들도 이용 할수 있게, 글램핑도 있습니다. 그밖에 오토캠핑, 카라반도 같이 운영하는데 청평호 바로 앞에 있어서 경치가 매우 좋습니다. 자세한 건 http://cnc-leisure.co.kr 에서 확인 가능 합니다. 하루 휴일이라, 차도 안막히고 구리에서 한시간 정도 소요 됐습니다. 이곳은 캠핑 site가 매우 넓고, 많습니다. 다른 캠핑장에 비해..
- [여행]베트남 다낭 3박5일 여행 후기 힐링도 할겸 3박 5일간에 베트남 다낭 여행을 다녀왔습니다. 저는 에어텔(항공+숙소)을 알아봤고, 일정은 자유 일정이었습니다. 항공사 : 대한항공 숙소 : 그랜드브리오 오션 리조트 (풀빌라) 4월달에 미리 예약을 하고 6월1일 오후 6시50분 비행기로 출발했습니다. 1일차 - 인천공항 출발 여행을 준비하는 기간은 언제나 즐겁습니다. 4월에 미리 예약을 하고, 하루하루를 기다렸는데, 벌써 D-Day 입니다. 다행히 미세 먼지도 많지 않고, 날씨가 너무 좋았습니다. 공항 가기 전에 들려야 할곳이 있어서 네비 경유지를 잘못 찍어서 공항까지 좀 해맸습니다. 살짝 짜증이 났었는데, 워낙 일찍 출발 해서 시간적 여유가 좀 있었습니다. 드디어 공항 장기주차장 도착! 저희는 대한항공이라 제2여객 터미널 장기주차장에 주..
- [여행]아이와 함께 광명동굴 체험 광명동굴 체험 작년 11월경 아이들과 함께 광명동굴에 다녀왔습니다.더운날 가면 동굴속이 시원하다고 하는데 추운날에 가서 추위땜에 살짝 고생한 기억이 나네요. 날씨가 추워 관람객도 얼마 없었습니다. 광명동굴 입구쪽에 도착하니 큰 전광판이 보입니다. 그옆에 화장실이 있구요 ㅎ 추위에는 아랑곳하지 않고 즐거워 하는 아이들입니다. 광명동굴에 발 조형물에서 사진 한장씩은 찍었으리라 짐작이 갑니다. 동굴안으로 들어가다 보면 빛의 공간 가기전에 저런곳이 있습니다. 정면에 있다보니 맞바람 때문에 엄청 춥더군요 ㅎ 광명 동굴안에서 무료로미디어파사드 쇼도 보여주는데 볼만합니다. 아이들도 신기해 하구요. 광명동굴 연혁 1903년 5월 2일 최초로 설립된 이후, 1912년 일제강점기 조선총독부에 의해 자원 수탈의 목적으로 개..
반응형