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

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를 생..

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

1. node.js 템플릿 엔진 pug(전 버전 이름: Jade) 현재 node.js 개발자들이 가장 많이 사용하는 템플릿 엔진은 pug(퍼그)엔진 입니다. 원래의 이름은 jade(제이드)로 시작하였고 중간에 pug로 바낀 듯합니다. 공식 문서 홈페이지 또한 원래 http://www.jade-lang.com/ 였지만 현재는 https://pugjs.org/로 접속하셔서 보시면 될 것 같습니다. pug 엔진은 모양새가 아래의 사진처럼 독특합니다. 저도 프로그래밍을 시작한지 얼마 되지 않은 새내기이지만 pug의 모습은 약간의 흥미를 유발합니다. 퍼그의 가장 큰 특징은 기존의 .html 파일처럼 '' 꺽쇠로 이루어진 태그로 감싸는 방식과 상당히 다르다는 것입니다. 마치 python, java, c 등의 프로그..