커피찬우유의 영화 다방

워드프레스(wordpress)를실행하기 위해서 필요한 서버환경 - PHP 7 이상 - MySQL 5.6 이상 - mod_rewrite Apache 모듈 설치

#Window + Apache + mySql + PHP 로컬 서버 구성!! APM Setup을 대체할 프로그램 "WAMP"의 설치 방법을 알려드립니다.^^ 설치 방법 WAMP를 다운로드할 수 있는 홈페이지입니다. Bitnami : http://bitnami.com Bitnami With over 1 million apps deployed per month, Bitnami makes it incredibly easy to deploy apps with native installers, as virtual machines, docker containers or in the cloud. bitnami.com 위의 사이트에 들어가서 Products < Application Catalog를 클릭합니다. 그중에 W..

구글 검색엔진 Google에 내 사이트를 등록하여 더 많은 방문자를 유입시킬 수 있습니다. 1. 구글 웹마스터 도구 등록하기- 웹마스터 도구를 사용하려면 Google 계정이 필요합니다. 구글 웹마스터 도구(Search Console)에 방문하면 아래와 같은 화면이 나타납니다. 1. 시작하기 버튼을 클릭합니다. 2. 안내 팝업이 나오면 시작 버튼을 누릅니다. (이미 한 번이라도 등록한 계정은 이 과정이 생략될 수 있습니다.)3. 좌측 상단의 속성 검색을 누른 후 속성 추가를 누릅니다. 4. 속성 유형 선택이 나타나면 URL 접두어 방식에서 내 사이트의 URL을 입력하고 계속을 누릅니다. 5. 다른 확인 방법의 HTML 태그를 선택하고 나타나는 HTML태그를 복사합니다. 6. 이 상태에서 사이트의 html에..

네이버에 사이트 맵 등록하는 방법에 대해 알아보겠습니다. 네이버 웹 마스터도구에 사이트맵 제출 http://www.web-site-map.com/index.php 사이트맵 제작해주는 사이트에 접속합니다. 본인의 사이트 주소를 입력하고 Get free XML Sitemap을 클릭합니다. 사이트맵 다운로드 블로그 주소,보안코드,페이지 변경 빈도,마지막 수정일자,페이지 우선순위,세션정보제거,Create free XML Sitemap 클릭 사이트맵 파일 생성이 정말 오래걸리니 다른거하시면서 하는걸 추천합니다. 다운로드 버튼을 클릭하여 sitemap.xml 파일을 다운 받는다. 해당 파일을 내 블로그에 비공개로 업로드 하여준다. 비공개로 된 게시글을 들어가면아래처럼 파일이 보이는데 그파일을 오른쪽 클릭하여링크 주..

네이버에 검색 등록하는 방법에 대해 알아보겠습니다. 사이트를 등록하여 원활하게 노출하기 위해서는 네이버 검색등록을 해줘야 합니다.그러기 때문에 해당 방법을 알아보도록 해봅시다. 네이버 웹 마스터도구 검색 등록 네이버에 네이버 웹마스터도구를 검색하거나 https://webmastertool.naver.com/ 의 링크로 들어가서 로그인합니다. 연동 사이트 목록 연동 사이트 목록에서 사이트 간단 체크라는 항목을 체크 하거나 사이트 추가하기에 검색등록하고자 하는 URL을 기입합니다.바로 등록하기전에 사이트 간단 체크를 하고 등록하는것이 좋기 때문에 사이트 간단 체크를 하도록 하겠습니다. 사이트 간단체크 주소 입력 후 조회 클릭!! 사이트 간단체크 결과 짜잔~!저희 블로그의 사이트 간단체크 결과가 이렇게 나옵니..

그누보드5 설치하기 본격적으로 홈페이지를 만들기 위한 작업을 진행하기 위해 그누보드5를 웹 서버에 설치하는 과정을 다루고자 합니다. 그누보드5(Gnuboard 5)라는 오픈소스 웹 프로그램을 사용하려고 합니다.그누보드5를 설치하기에 앞서 그누보드5에 대해 간단하게 설명을 먼저 드려보고자 합니다. 그누보드 공식 사이트 주소는 http://www.sir.co.kr 입니다. 공식 사이트 설명을 빌린다면 "그누보드는 웹에서 게시판, 회원정보 등을 편리하게 관리하는 게시판(BBS - Bulletin Board System) 프로그램으로 오픈된 소스코드를 바탕으로 다양한 기능(플러그인)을 추가하기 쉽게 제작되어 있습니다."라고 나옵니다. 회사소개 홈페이지에서 기본적으로 필요한 기능은 아래와 같습니다. 회사소개 페이..

마크업, 프론트엔드 개발자 또는 웹을 만드는 사람들에게 유용한 URL이라 생각되어 공유드립니다. 더 많은 좋은 URL이 있는데 조금씩 공유하겠습니다.^^ 즐겨찾기 해놓고 사용하시면 편합니다. Tools w3c Developers — Markup Validator, Link Checker 등 유용한 툴을 모은 사이트 jsbeautifier — JavaScript 코드정리 prettydiff — 두개 파일을 비교하여 diff 추출해 주는 도구 regexr — 정규식 생성 도구 Flexy Boxes — flex 속성 관련된 코드 생성 도구 Random Word Generator — 테스트용 임의의 문장들을 만들어 주는 도구 Unused CSS Check Tool — html에서 미사용중인 선택자를 선별해주는 ..

반응형 이미지 맵 제이쿼리 (jQuery-rwdImageMaps) 반응형에서 이미지 맵을 사용할 때 이미지의 비율로 줄어들어 이미지 맵을 사용하기 어려웠습니다. 하지만, 반응형 이미지 맵 제이쿼리만 사용하면 그런 걱정은 안해도됩니다.^^ 아래의 사용법 확인 후 적용 하여 사용해보세요. 사용 github url - https://github.com/stowball/jQuery-rwdImageMaps 사용 방법 - jQuery RWD Image Maps $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); }); 데모사이트는 아래링크로 확인해보세요 http://mattstow.com/experiment/responsive-image-maps/rw..

비쥬얼스튜디오 코드 ftp-simple 추천 git - https://github.com/humy2833/FTP-Simple name - string- Display name.host - string- server domain or ip.port - number- (option) port (Default: : 21)type - string- (option) ftp type. 'ftp' or 'sftp' (Default: : 'ftp'). If 'ftp' does not work, try 'ftp2'.username - string- username for authentication.password - string- (option) password for authentication.privateKey - ..

settings.json 세팅 나만의 비쥬얼 스튜디오 코드 json파일 세팅 방법입니다. 소스보는 방법 { "editor.autoIndent": false, "editor.quickSuggestions": { "other": true, "comments": false, "strings": true }, "editor.quickSuggestionsDelay": 3, "workbench.iconTheme": "material-icon-theme", "html.autoClosingTags": false, "window.zoomLevel": 0, "editor.fontSize": 14, "editor.renderWhitespace": "all", "editor.wordWrap": "on", "emmet.trig..