전체 글(102)
-
CSS3 animation사용해서 360도로 회전하는 버튼만들기
나는 마우스오버했을 때 버튼이 돌아가는걸 만들었다.서론 필요없고 소스부터 #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); } } @..
2016.02.23 -
[node.js] MAMP의 mysql을 express에 연결하기
내 맥은 진짜 빠가인듯아니 왜 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..
2016.02.23 -
[node.js] ejs 설치
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폴더가 생성되면 잘 설치된 것
2016.02.18 -
[node.js] express 설치 및 시작
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..
2016.02.18 -
삼성SDS sGenClub 지원부터 활동까지
나는 대학생 개발자이다.대학생들은 동아리, 멤버십프로그램이 아니면 제대로된 팀 프로젝트 경험을 쌓기 어렵다고 생각한다.왜냐, 학교 팀프로젝트에서는 수많은 버스기사들과 추노가 필연적으로 존재하기 때문이다.나도 수많은 버스기사들 중 한명이었다. 분명히 버스기사로써 이득은 많이 봤다.for문, if문밖에 몰랐던 내가 이제는 아주아주 간단한 게임정도는 짤 수 있게 되었다.하지만 나는 앞으로 사회생활을 같이할 내 또래들과 제대로 팀플을 경험해보고 싶었다. 개발로 대외활동을 찾기란 쉽지 않았다.MS MSP, 삼성소프트웨어멤버십, 그리고 내가 활동하고있는 sGenClub먼저 삼성소멤을 매우매우 정말정말 하고싶었다.근데 다 합격하고 활동해도 조건 충족이 안되면 잘린다는 소리를 들었다.물론 건너건너 들은거라 정확하지 않..
2016.01.11 -
Sublime text sftp 아마존 연결방법
불과 한달전에 ppk연결을 해봤는데도 불구하고 내가 빠가인건가 또 헤맸다그래서 이번엔 블로그에 정리하고 두고두고 보려 한다. sublimetext에 sidebar(View -> side bar -> show side bar)를 열고요 사이드바에 sftp 연결할 폴더를 끌어다가 놓은 후 위처럼 오른쪽 클릭 후 SFTP/FTP -> Map to Remote를 클릭한다. 그럼 위와 같은 코드가 촤르르륵 나오는데저기 하이라이팅 되어있는 부분만 바꾸면 된다cafe24와 같은 데선 비밀번호도 같이 입력해야 했었는데 아마존 sftp는 비밀번호 없이 호스팅주소랑 아이디만 있으면 된다. host에는 ip주소 또는 호스팅 주소user에는 아이디remote_path에는 연결하고나면 시작할 폴더ssh_key_file은 ppk..
2015.12.30 -
톰캣 초기 설정하기
톰캣도 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..
2015.12.28