[Meteor] HTML에서 Session의 사용

Session

세션(Session)이란 웹 사이트의 여러 페이지에 걸쳐 사용되는 사용자 정보를 저장하는 방법을 의미합니다.

사용자가 브라우저를 닫아 서버와의 연결을 끝내는 시점까지를 세션이라고 합니다.

 

쿠키는 클라이언트 측의 컴퓨터에 모든 데이터를 저장합니다.

하지만 세션은 서비스가 돌아가는 서버 측에 데이터를 저장하고, 세션의 키값만을 클라이언트 측에 남겨둡니다.

브라우저는 필요할 때마다 이 키값을 이용하여 서버에 저장된 데이터를 사용하게 됩니다.

 

태그 기능, 검색 기능을 만들 때 Session이라는 기능을 사용하면 매우 편하다.

즉, 데이터를 서버에 저장해 두는 것을 세션이라고 하는 것이다.

[출처 : TCP School]

Session을 사용하는 과정

Template.ex_carousel.onRendered

1. Session에 'tag'라는 변수가 있는데, 그 변수를 빈 String으로 초기화 해라.

 

Template.ex_carousel.events

2. 엔터키를 누르면, 'tag'라는 세션에 $('#inp-search').val()을 저장해라. tag = $('#inp-search').val()

즉, 검색한 단어가 Session에 들어가서 저장됨.

(keyup #'inp-search'은 엔터키를 눌렀을 때 버튼을 누른 것처럼 행동하도록 함 'inp-search'는 input창의 id )

($('#inp-search').val()는 입력창에 입력한 값, 즉 검색한 단어야)

 

Template.ex_carousel.helpers

3. DB_PIC의 tags에서 Session.get('tag')의 값 즉, 검색한 단어와 똑같은 이름을 가진 태그를 찾아라.

 

이것도 비슷해

tag_arr 초기화

1. tag_arr를 빈 배열로 초기화 (이거는 태그 들어갈 거니까 배열. 아까는 String)

 

Session의 사용

(tag_arr은 초기 배열, tag_update는 입력한 태그의 값들을 받을 배열)

2. tag_update라는 새로운 변수에 tag_arr의 세션 값을 가져와서 저장함. (아직까지 tag_arr에는 아무것도 없어)

3. tag_update에 입력창에 입력한 값($('#inp-tag').val())을 push(=대입)해라.

4. tag_arr의 세션을 tag_update의 세션으로 set해라(=업데이트해라).

   아까 tag_update에 입력값이 하나 들어갔으니, tag_arr에도 입력값 하나가 들어감.

 

결과

메인 화면

태그 입력 화면

 

그리고 대표님이 내 이름으로 브랜치 다시 올려주셨어

거기에서 세션 개념 설명해 주시더라 한번 봐바

https://github.com/codeasy-org/SMU-WEB/branches

codeasy-org/SMU-WEB