노래하듯 이야기하고, 춤추듯 정복하라.

[ 검색 기능 구현 ]- 주요 참고자료: https://blog.naver.com/kbs4674/221379111562 # 서두안녕하세요 모닝버드입니다. 오늘은 평소보다 30분 일찍 출근했는데, 그냥 졸리네요...... 아무튼 오늘도 화이팅 빠샤!자 그럼 오늘은 레일즈 앱에 검색 기능을 넣어 보겠습니다. 기존의 젬들인 Sunspot이나 ElasticSearch 같은 젬을 사용하기보다 직접 구현 해 보겠습니다. 이유는 기존 젬들이 한글에 특화되어 있지 않아 형태소 분석 문제가 있습니다. # search 컨트롤러 생성 $ rails g controller search result # controllers/search_controller.rb def result @contents = eval(params[:p..

jquery의 addClass() 함수 사용하기- 참고 링크: https://api.jquery.com/addclass/ # 서두안녕하세요 모닝버드입니다~ 오랜만에 집에 내려왔는데요. 원래는 주말동한 푹 쉬며 요양이나 하자는 마음이었는데, 막상 아무것도 안하니 시간이 아깝네요..! 그래서 노트북을 열었는데요, 프로젝트에 jquery를 사용해야 할 일이 있어서 이것 저것 서칭을 하다가 나중에 또 필요할 것 같아 포스팅으로 남깁니다. 그리고 css3의 transition 속성에 대해서도 간단히 알아보겠습니다. # jquery의 addClass() 함수html 태그에 새로운 클래스를 추가 할 수 있는 함수 입니다. 새로운 클래스를 추가함으로써 특정 이벤트가 발생할 시 새로운 css 속성들을 반영시킬 수 있습니..

[소셜 SNS 인증]- 참고 링크: http://blog.naver.com/kbs4674/221446312846 # 인사안녕하세요 모닝버드입니다. 오늘도 어제에 이어서 포스팅을 이어나갑니다. 간만에 연속 포스팅이네요 :)오늘은 레일즈 애플리케이션에서 소셜 SNS 인증하는 방법에 대해 알아보겠습니다. 생각보다 많이 복잡한 편은 아닙니다. 아직 코드 전체를 이해하진 못했지만 대략적인 원리는 파악 가능합니다. # 사전 준비- Devise 젬이 설치 및 세팅되어 있다는 상황을 가정 # 진행1. 네이버 개발자 페이지 로그인- https://developers.naver.com/products/login/api/ 2. 네이버 개발자 도구에 애플리케이션 등록* 참고 링크: https://blog.naver.com/k..

#서두안녕하세요 모닝버드입니다. 오늘은 express-mysql-session 모듈을 설치하여 각 사용자의 세션 id를 mysql 데이터베이스에 저장하는 것과 passport의 passport-local 모듈을 사용하여 사용자 인증을 구현하는 것을 공부했습니다. #express-mysql-session- npm에 모듈 설치하기* 명령어 : npm install express-mysql-session --save - .js 파일에서 모듈 임포트하기새로운 const 변수에 require('express-mysql-session')을 통해 모듈으 임포트합니다. 그리고 session 설정의 store 부분에 새로운 MySQLStore() 객체를 할당하고 세부적인 설정을 해줍니다. {host: 서버주소(domai..

#서두안녕하세요 모닝버드입니다. 오늘은 Node.js에서 인증을 구현할 때 사용자의 password를 안전하게 암호화하여 저장하고 관리하는 방법에 대해 공부해 보았습니다. 암호화 모듈은 여러가지가 있는데요. 필자가 공부한 모듈은 md5, sha256(sha512), pbkdf2 이 세가지다. 처음으로 공부한 것이 md5인데 이 모듈은 사용하지 않는 것이 좋다. http://www.md5online.org/https://crackstation.net/ 위의 사이트들을 통해 md5를 통해 암호화된 hash(해쉬)를 입력하면 손쉽게 복호화를 할 수 있기 때문에, md5는 보안상 거의 사용하지 않는다. * 복호화 : 암호화의 반댓말, 암호를 해독하다. 풀다. #사용가능한 암호화 모듈 - sha256(512), ..

#서두안녕하세요 모닝버드입니다. 쿠키에 이어 세션에 대해 공부해 보았는데요. 쿠키와 세션을 간단하게나마 배우고 나니 정말 웹에서의 백엔드를 배우는 느낌이 듭니다. - 쿠키의 단점을 보완한 세션Cookie(쿠키)를 생성하게 되면 기본적으로 실제 데이터를 사용자의 pc에 저장하게 됩니다. 데이터가 암호화가 되어있다 하더라도 사용자의 중요한 정보(예를 들면 비밀번호, 주민번호 등)가 pc에 저장되게 되면 탈취/해킹에 대한 위협요소들이 존재하게 되죠. 또한 저장되어 있는 정보들은 서버와 사용자 pc간의 이동이 발생합니다. 하지만 세션은 사용자의 pc에 데이터를 직접적으로 저장하지 않습니다. 실제 데이터는 서버에 보관해 두고 각각의 사용자(PC)들에대한 고유 id 값을 쿠키에 저장하여 기록합니다. 서버는 사용자의..

# 서두안녕하세요 모닝버드입니다. 오늘 node.js 를 공부한지 3일차가 되어가는데요. 이쯤에서 제가 공부한 내용들을 한번 정리하고 넘어가려합니다. 현재 저는 인프런에 올라와 있는 생활코딩의 이고잉님의 강좌를 듣고 있습니다. 위의 사진처럼 이고잉님의 강의는 3가지로 나누어져 있는데, 맨 아래 보라색 강좌가 node.js 기초를 다룹니다. node.js의 기본적인 개발환경 구축에서부터 가장 많이 사용하는 프레임워크들, 템플릿 엔진 등을 설명하고 있습니다. 두번째 분홍색 강좌는 node.js 프로그래밍에서 mysql을 활용하는 방법을 설명합니다. mysql의 기초적인 사용방법과 쿼리문들 부터 설명을 해주셔서 초보자 분들도 배우기 수월할 것 같습니다! 마지막으로 맨 위 세번째 강좌는 활용입니다. 저도 이제 ..

#서두안녕하세요 모닝버드입니다. 일본여행 전후로 포스팅을 1도 하지 못해서 정말 오랜만에 포스팅을 하게 되네요. 제 스타일이 공부할때는 딱 공부만하는 스타일이라 공부하는 족족 포스팅 하기가 어렵습니다. 공부를 마치고나면 막상 정리해서 포스팅하기 번거롭기도 했구요.. 허나 이제부터는 나름 꼼꼼히 포스팅을 해 보려 노력할 계획입니다. 잘 지켜봐주세요 (ㅎ) 현재 인프런을 통해 생활코딩의 이고잉 님이 올려주신 node.js 강의를 듣고 있습니다. 이제 막 중반부를 끝내는 단계인데요. 오늘은 pc에 mysql을 설치하고 node.js 코드 상에서 mysql 안에 데이터 베이스를 생성하여 데이터를 입출력하는 공부를 진행했습니다. #mysql 설치하기제 pc에 이미 bitnami가 설치되어 있어서 따로 mysql은..

node.js 개발환경 구축하기안녕하세요 모닝버드입니다. 오늘은 node.js의 개발환경 구축에 대해 포스팅 해보려 합니다. 간단하게 npm설치, npm에서 express 설치 이 두가지에 대해 알아볼 계획입니다. 현재 저는 django에 이어 node.js를 독학 중인데요, 생활코딩을 운영하시는 egoing님이 제작하신 강의 추천드립니다. (정말 좋으신 분이라는..) npm 설치하기npm은 nodejs package manage의 약자입니다. 말 그대로 nodejs에서 사용할 수 있는 다양한 package를 manage(관리)하는 시스템이죠. node.js로 웹 애플리케이션을 개발하다보면 개발의 편의성을 향상시키거나, 프로그램적 기능을 추가하기 위해 별도의 패키지(라이브러리)들이 필요합니다. 이러한 패..

#서두안녕하세요 모닝버드입니다! 몇일 전에 완성된 YesInterior 장고 프로젝트를 헤로쿠(heroku)서버에 테스트 및 포트폴리오 용도로 릴리즈 해 놓았었는데요.. 이 헤로쿠(heroku)서버를 사용하던 중 문제가 생겼습니다. YesInterior 홈페이지의 핵심이 현재까지 진행 한 학원 인테리어 공사를 보여주는 포트폴리오 기능입니다. 그런데 헤로쿠 서버에서 포트폴리오 데이터의 사진 데이터들이 앱 배포 후 일정 시간이 지나면 모두 사라져 버렸습니다. 그래서 모든 데이터를 초기화 시킨 후 다시 업로드 해 보았지만 문제가 해결되지 않아 결국 서버를 옮기기로 했습니다. 구글링을 통해 알아보던 중 파이썬애니웨어(pythonanywhere)라는 좋은 서비스가 있더군요. 인터넷 상에서 무료로 서버를 제공하는 ..