전체 글266 ajax에서 loading.gif 사용하기 ajax 통신중에 loading.gif를 만들어주고 싶을때가 있다.아래의 링크를 참고하면 쉽게 만들 수 있다. http://skylhs3.tistory.com/4 2017. 4. 17. nodemailer로 이메일 가입 인증하기 회원가입을 하고 이메일 인증을 하는 절차를 node.js로 구현해 보았다.정확히는 nodemailer이라는 모듈을 이용했다.nodemailer으로 가입 인증을 하는 코드는 아래의 블로그에 잘 나와있었다. https://codeforgeek.com/2014/07/node-email-verification-script/ 다만문제가 있다면 아래의 코드에서 SMTP를 지워버리기 바란다. var smtpTransport = nodemailer.createTransport("SMTP",{ service: "Gmail", auth: { user: "Your Gmail ID", pass: "Gmail Password" }}); 아무래도 이전버전의 nodemailer 형식을 따른거 같은데 지금은 SMTP 서버를 이용해 .. 2017. 4. 17. google captcha 쓰는 방법 최근 로그인 페이지를 만들면서 많은 것들을 배우고 있다.그중하나다 바로 로봇방지 기능이라고 불리는 captcha이다.평소에 많이 보기는 했지만 직접 구현해 본것은 이번이 처음이다. 본 captcha를 쓰는 클라이언트에서 쓰는 방법은 아래의 링크에 잘 나와있다. http://son10001.blogspot.kr/2015/12/api-google-recaptcha.html 문제는 내가 구현하는 로그인 페이지에는 가입 페이지까지 같이 들어가 있어서 한 페이지에 두개의 captcha를 구현해야 했다.하지만 위의 링크의 방법으로는 하나의 captcha밖에 구현되지 않았다.그래서 좀더 찾아 보았더니 아래의 링크에 그 방법이 나와있었다. http://mycodde.blogspot.kr/2014/12/multiple-.. 2017. 4. 14. node.js 라우터에서 post를 쓸때 주의할점 삽질을 하고 올려본다.node.js에서 로그인 값을 post 방식으로 전달하고 통신이 완료 되면 메인 페이지로 돌아가게 하려고 했다.그래서 res.redirect('/')라는 함수를 주구장창 사용했지만 반응이 없었다..벼래별 해답을 찾으며 방법을 찾는데 1시간이 걸렸다. 결론은 ajax 통신에서는 res.redirect('/') 함수가 먹히지 않는다.ajax의 post 통신에 있어서 res는 클라이언트로 그 값을 전달해주는 역할만 한다.ajax의 success 함수가 장식용으로만 있는것이 아니었다.ajax는 요청한 값에 의해 응답을 확실히 받았을때 다음 작업을 할 수 있었다.고로 내가 로그인 완료후에 다른 페이지로 접근하려면 ajax의 success 함수에 그 기능을 만들어줘야 했다.그래서 node.js.. 2017. 4. 13. express 4.x 버전의 router 기능 이번에 node.js를 써서 로그인 페이지를 구현할 일이 생겼다.그 와중에 삽질을 통해express의 router 기능에 대해 알게 되었다.(node.js를 오랫동안 안 써서 그런지 이전과 새삼 달라진 느낌이었다.)이전에 node.js로 라우터를 구성해줄때는 app.get, app.post 등등을 주구장창 써줬었는데,본 router 기능이 생기니 많은 것들이 편해졌다. 그중하나가 바로 url 묶음 기능이다.예를 들어 sign_in_up.js 이라는 폴더에다가 라우팅을 설정해주고,그것을 아래와같이 require로 불러와서 var sign_in_up = require('./routes/sign_in_up'); 아래와 같이 app.js에 추가해 주면 된다. app.use('/users', sign_in_up).. 2017. 4. 13. gitinore를 이용한 commit 무시목록 설정 git을 한동안 안 사용하다가 공동플젝을 할 일이 생겼기에 최근 다시 다루게 되었다.이전에는 단순하게 commit과 push만 열심히 하다가 특정파일을 제외하고 commit할 일이 생겼다.이럴때 사용하는 것이 바로 .gitignore이란 파일이란것을 알게 되었다.(역시 사람은 필요성을 느꼈을때 배우게 된다.)이곳에서 설정을 통해 특정 폴더나 파일을 제외시킬 수 있다.아래는 그에 관한 자세한 설명 링크이다. 특정 폴더 제외http://cocomo.tistory.com/454 특정 파일 제외http://rapapa.net/?p=85 2017. 4. 13. express-generator로 node.js 기본 구조 구축하기 최근 회사에서 node.js를 쓸 일이 생겼다.오랜만에 쓰는 거라서 node.js 구조 자체를 어떻게 잡아줘야 하는지 생각이 안 났다.그래서 찾아본 결과 express-generator가 있다는 것을 기억해 내었다. 본 모듈은 쉽게 node.js의 구조를 잡아준다. 아래는 본 모듈의 사용방법 및 구조에 대해서 잘 설명해주고 있다. http://html5around.com/wordpress/tutorials/node-js-개발환경-구축하기/ 2017. 4. 13. bootstrap 템플릿 사이트 일하는 곳에서 최근 bootstrap 템플릿을 구매할 일이 있어서 이곳저곳을 알아보았다.그중 아래의 사이트가 가장 유용하다는 것을 알았다. https://wrapbootstrap.com/ 그중에서 쓸만한것들은 아래와 같다. http://wrapbootstrap.com/preview/WB0226558 http://wrapbootstrap.com/preview/WB09734H1 http://wrapbootstrap.com/preview/WB07LH680 http://wrapbootstrap.com/preview/WB03X2DG1 http://wrapbootstrap.com/preview/WB09054T6 2017. 4. 12. JS에서 정규표현식 모두 적용하기 최근에 문장에서 특정단어를 모두 replace하여 표현해 줘야하는 일이 있었다.하지만 js에서는 JAVA와 같이 replaceAll 함수를 지원해주지 않는다.고로 정규표현식을 사용하여 replaceAll과 같은 기능을 구현해주어야 한다.웹서핑을 통해 찾아본 결과 replace(/(특정단어)/gi, (바꾸고자 하는 단어))로 해주면 된다고 해서 그렇게 해보았는데 계속 안되었다.문제는 특정단어가 string 형으로 들어가는것이 아니라 object 형으로 들어가야 한다는 것이었다.그것을 위해서 RegExp() 함수를 사용해주어야 했는데, 아래 링크에 함수 사용법이 잘 정리되어 있었다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_.. 2017. 4. 11. 이전 1 ··· 21 22 23 24 25 26 27 ··· 30 다음