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

jQuery사용하기 다운로드http://jquery.com/download/- 위 홈페이지에 접속하여 Download the uncompressed, development jQuery 3.3.1 클릭하여 파일 다운로드 API Documnetshttps://api.jquery.com/ html 파일에 임포트하기같은 디렉토리에 다운로드한 jquery파일을 위치시키고 html 파일의 head태그 안쪽에 아래와 같이 위치시킨 jquery파일을 임포트 한다. 임포트한 jquery파일이 잘 로드 되는지 확인하기브라우저에서 개발자도구 F12클릭 -> Network 탭 -> 아래사진과 같이 jquery 라이브러리가 잘 로드되는지 확인할 것.

Object(객체) var my_obj = { 'list': { 'my_weight': 72, 'my_tall': 177, 'my_age': 24 }, 'my_nick': 'inamorfati', 'my_func': function(){ for(var name in this.list){ document.write(name + ':' + this.list[name]) } } } // 객체 안에 함수 객체 키와값 등 모두 담을 수 있다. my_obj.my_func() | javascript의 객체지향프로그래밍my_obj란 객체안에는 데이터들이 들어있는 list가 있고 이 list를 활용하는 함수 my_func이 있다. 이처럼 데이터와 함수와 같은 것들을 그룹화(카테고라이징)하여 my_obj란 객체에 담았다...

#rails gem rails의 gem은 nodejs을 해보신 분이시라면 npm, django를 해보신 분이라면 pip를 생각하시면 이해가 쉽다. rails의 정식 모듈들, 그리고 일반 사용자들이 더 편한 개발을 위해 직접개발해서 올린 많은 gem들이 있는데, 터미널 창에 gem install gem_name 의 명령을 통해 설치할 수 있따. #rails의 'devise' gem rails에서는 간편한 인증을 구현하기 위한 devise라는 gem이 있다. 기본적으로 email과 password, password_confirm 의 구조로 되어 있으며 rails g migration add_?_to_model 을 통해 추가적인 유저 정보를 넣을 수 있다. github => https://github.com/..

#Rails만 갖고 있는 view helper 레일즈의 view 파일들은 기본적으로 viewfile_name.html.erb 형태의 파일 포맷을 가진다. 뷰 템플릿 파일의 양이 많아질수록 html과 erb의 코드가 복잡해져서 유지보수와 디버깅이 어려워진다. 이러한 문제점을 해결하기 위해 레일즈에서는 그들만의 view_helper 메소드 들을 제공하고 있다. 레일즈의 view helper을 사용하면 템플릿파일이 비교적 깔끔해 지는 것을 느낄 수 있을 것이다. 위와 같은 코드가 대표적인 예인데, 로컬 서버를 실행하여 개발자도구(f12)를 실행하고 위치를 찍어보면 다음과 같은 코드로 변환되어 보인다. Edit전 글에서 포스팅 했던 form_for역시 뷰의 헬퍼 중의 하나이다. #View Helper의 종류 레..

#Scaffold 란? Rails는 Ruby 언어로 만든 웹 프레임워크입니다. 일반적인 웹 프레임워크와 비슷하게 MVC(Model-View-Controller)구조를 갖고 있는데요. 보통 rails g controller ctr_name, rails g model model_name의 명령어로 각각의 모델과 컨트롤러를 생성해주고, routes.rb에서 url 패턴을 잡아 줘야합니다. 하지만 rails에서 지원하는 scaffold기능은 위와 같은 여러개의 번거로운 작업을 한 번에 해결해주는데요. rails g scaffold name_sapce [options] 의 명령어 한번이면 model과 controller 그리고 controller 안에 CRUD의 7가지 기능(index, show, new, cre..

# 서두안녕하세요 모닝버드입니다. 정말 오랜만에 포스팅을 합니다. 포스팅을 오랫동안 못했던 핑계를 나열하자면.. 1월중순~2월초 약 한달간 인도-네팔 여행을 다녀왔습니다. 여행 전후로 준비기간, 휴식기 등이 겹치면서 장시간 활동을 할 수 없었답니다! 시차가 약 3시간 정도 나는데 짧은 타임이라 생각했지만 은근 몸에서 반응이 오더군요. 미국이나 유럽처럼 12시간 씩 차이를 경험하게 되면 어떤 느낌일지 참 궁금해 집니다. # Git Of Hellnode.js를 공부하면서 새로운 Study 프로젝트를 하나 시작하려하는데요. 그 전에 기초적인 git 사용법을 공부한 후에 git repository에 pull & push 하면서 프로젝트를 진행 해 보려합니다. 저의 github 계정에 첫 repository를 생..

#서두안녕하세요 모닝버드입니다. 오늘은 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에서 Cookie 값을 다루는 것에 대해 스터디를 진행했습니다. 웹 프로그래밍에 있어서 Cookie를 언급하면 Session 이란 것도 빼놓을 수 없는데요. 오늘은 쿠키를 중심으로 스터디 내용을 포스팅하고 Session 부분은 다음 번 포스팅 때 다루어 보겠습니다. # Cookie와 Session을 사용하는 이유웹을 개발함에 있어서 Cookie와 Session을 사용하는 가장 큰 이유는 바로 Http의 기능적 특성 때문입니다. 장점이라 하면 장점일 수 있고 단점이라 하면 단점인 특성인데요. 바로 Connectionless와 Stateless 이 두 가지 입니다. 얘네 둘을 간단히 설명하자면.. - Connectionless: 클라이언트가 서버에게 요청(Req..