Play Ground

참고 및 공부 - https://blog.outsider.ne.kr/572 난 깃허브 완전 초짜이다...처음엔 commit을 때렸는데 Changes not staged for commit 이랑 no changes added to commit 가 자꾸 뜨고 커밋이 안됨 그리고 우여곡절끝에 커밋을 했는데 막상 github 사이트를 보면 반영이 안되어 있었음하지만 구글링으로 문제를 해결함!! 참고로 git에는 저장소가 3가지가 있다고 함1. 소스가 보관되는 저장소2. 현재 프로젝트 파일들이 있는 작업트리3. 커밋될 대상이 저장되는 스테이지 알고보니 commit을 때리기 전에 add를 하여 스테이지 영역에 올려놓아야 한단다 1. git status를 이용해서 변경됐지만 아직 커밋이 안된 파일들의 목록을 쫙 뽑아..

나는 마우스오버했을 때 버튼이 돌아가는걸 만들었다.서론 필요없고 소스부터 #chatBtn { width: 50px; height: 50px; border-radius: 50%; background: url("/images/btn_chat.png") no-repeat center #9736e5; } #chatBtn:hover { background-color: #A13AF5; -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @..

내 맥은 진짜 빠가인듯아니 왜 mysql을 brew로 설치해도 pid에러를 내뿜는것인가... 주륵그래서 임시방편으로 MAMP를 깔아서 요 mysql을 공유하기로 결정!나중에 진짜서버로 옮길땐 설정만 바꾸면 되는거니까ㅋㅋ 1. /app.js ... var func = require('./routes/func'); ... app.use('/addMember', func); ... 요 위에 두줄을 적절히 app.js에 적어주고 2./routes/func.js var mysql = require('mysql'); var connection = mysql.createConnection({ host: "localhost", user: "root", password: "root", database: "code", p..

node.js의 ejs는 템플릿 엔진 모듈이다. ejs말고 jade를 사용하는 경우가 있는데 ejs가 일반 asp, jsp, php와 사용방법이 비슷해 협업하기도 좋고 이해도 쉽다. 1. express 설치(http://hplayground.tistory.com/64) 완료 후 finder에서 작업폴더로 이동 후 npm install ejs ejs사용을 위해 ejs를 내려받는다. node_modules폴더 안에 ejs폴더가 생성되면 잘 설치된 것

node.js에 대해서 쌩판 모르다 보니 설치부터 난관에 봉착했다.먼저 나는 맥환경에서 작업하였음을 참고하고node.js는 https://nodejs.org/en/ 에서 pc환경에 맞게 다운받았다. 1. 터미널을 켜서 sudo npm install -g express-generator 또는 npm install express 를 친다-g 옵션이 어느 폴더에서나 사용가능하게 하는 것 같고express-generator를 쓴 이유는express만 치니 자꾸 express를 못찾는단다 주륵 (에러내용 -> -bash: express: command not found)sudo 패스워드는 아시다시피 맥 패스워드(아이클라우드 패스워드) 2. 작업할 폴더로 들어가서 (cd 폴더이름 -> ex)) cd test) ex..

톰캣도 APMSETUP과 마찬가지로폴더 바꾸고 포트 열어주는 방법이다 Tomcat 설정방법 ※ 톰캣을 설치할 때에는 jdk와 톰캣 둘다 설치해야함 1.C:\Program Files (x86)\Apache Software Foundation\Tomcat 6.0\conf에 카탈리나 폴더를 복사, 붙여넣기로 만들어서 폴더명을 프로젝트 이름으로 바꾸고localhost 폴더 안에 ROOT.xml 파일을 넣어줌ROOT.xml (전체)2.C:\Program Files (x86)\Apache Software Foundation\Tomcat 6.0\conf\server.xml이 파일에서 를 복사하고service name과 engine name에는 프로젝트 이름(1번에서 만든 폴더이름)을 적어주고port에는 8080, 8..

APM SETUP설치 후 htdocs폴더가 아닌 다른 폴더로 연결하기 위해 설정하는 방법이다요것도 구글 드라이브에 저장해놓고 썩히고 있었는데 아까우니 여기에 정리하는걸로! APM Setup 설정방법 C:\APM_Setup\Server\Apache\conf\httpd.conf1.46번째 줄의 Listen 80 아래에 Listen 81 작성(81번포트 열기)(포트를 더 열고싶다면 82, 83, 84 …)원본>>Listen 80수정후>>Listen 80Listen 81Listen 82 2.206~234줄 쯤에 있는 ( … )를 아랫줄에 복붙하고 경로 수정원본>>수정후>> 3.원본>># Virtual hosts#Include conf/extra/httpd-vhosts.conf수정후>># Virtual hosts..

1. 미디어 쿼리(Media Query)란? :media의 종류에 따라 특정 css 스타일을 적용하고자 할 때 사용하는 css 스펙 가운데 하나데스크탑 브라우저, iPhone, iPad 모바일 브라우저 등에 스타일 시트를 구분하기 위해 사용 2. 미디어쿼리의 역할CSS에서 최초로 스크린의 종류(모니터 or 프린터 등)를 감지할 수 있게 되었고 CSS3에서 더 상세하게 변경되어 해상도, Landscape/Portrait(가로/세로)감지가 가능하게 되었다. 3. 미디어 쿼리 사용가능한 브라우저CSS3속성이므로 최근에 출시된 브라우저들에서 지원 가능미디어 쿼리를 지원하지 않는 브라우저는 조건과 상관없이 CSSS를 읽게 된다.PC용 브라우저 : MS익스플로러9+(8이하 지원X), 파이어폭스, 사파리, 크롬, 오..

예전에 구글드라이브에 정리해놓은 글이 있어 블로그에 옮겨본다 ※ Print mode(인쇄 스타일)를 적용하는 방법1. 2. 3. @media print {/*직접 코드입력*/} 코드 분리, 수정을 위해 @media print{}를 활용하는것을 권장. (크롬 개발자도구- 설정에서 media버전을 강제 지정하여 확인할 수 있다.)프린트시 반복적으로 나오거나, 필요없는 부분은 display: none;으로 안보이도록 작업을 먼저 한 후, 프린트 모드에 맞게 수정하면 된다.인쇄물의 제목, 회사의 로고, 카피등을 고정적으로 출력하기위해서 상단과 하단에 출력에만 나오는 헤더와 푸터를 삽입할 수 있다.전체출력 외 브라우저 내 특정부분만 출력하게 하기 위해서 예)

나도 포폴사이트 만들 때 PPT를 올리고싶었는데 도저히 방법을 못찾아서하나하나 장인정신 펼쳐서 캡쳐하고 붙여넣고 편집하고 했는데생활코딩 그룹에 같은 고민의 글이 올라왔다 댓글들이니 참고하고 찾아보기 1. ppt file format2. http://www.microsoft.com/web/solutions/powerpoint-embed.aspx3. http://lab.hakim.se/reveal-js/#/ -> reveal.js4. slide.js, slick.js5. mssppt parser 관련 라이브러리 찾아서 ppt를 이미지 변환 하여 뿌리기