Javascript21 Javascript : nodejs session 2 Login예제 일단 이전에 했던 곳에서 새로운 라우터를 만들어준다2017/05/04 - [Javascript] - Javascript : nodejs session 1그리고 기본적인 로그인 form 을 만들어준다. 로그인을 post 형식으로 다시 같은 라우터로 보내준다. 만들어진 로그인 형식이다. 그럼 같은 라우터를 post형식으로 만들어서 로그인 정보를 이미 저장되어있는 정보와 비교해서 로그인이 되는지 확인해보자.(일단 잘못된 로그인 정보일때) 위와같이 틀린정보를 넘기면 위와같은 라우터로 이동하게만듬 이번에는 로그인형식을 완성하였으니깐 본격적으로 로그인이 성공되었을때 닉네임을 세션을 통해서 넘기는 것을 만들어보자.위와같이 displayname이라는 변수에 내가원하는 닉네임을 넣어서 로그인이 성공하였을때.. 2017. 5. 8. Javascript : nodejs session 1 세션 세션이란 클라이언트가 웹어플리케이션에 접속할때의 정보를 서버에 저장하고 식별하여 웹어플리케이션에 다시 접속시 도와주는 역할을 한다. 따지고 보면 쿠키와 같은 역할을 하지만. 각각의 차이점은 서버에 저장을 하느냐 마느냐의 차이이다.예를들면 하나씩 증가하는 카운터를 저장할때 쿠키에서는 클라이언트에서 하나씩 더해서 저장하지만 세션에서는 서버측에 저장되있는 숫자를 증가시킨다. 예제를 통해 쉽게 알아보자. 일단은 쿠키와 마찬가지로 express에서 세션을 사용할수 있도록 npm 모듈을 다운받는다. 그후 사용법을 정확히 알기위해서 express-session을 검색해서 사용법을 알아낸뒤 복사를 해서 사용해보았다. secret 항목은 보여주면 안되는 정보를 외부에서는 secret에 있는 글귀처럼 보이게해준다.그.. 2017. 5. 4. Javascript : nodejs cookie 2(장바구니 예제) Cookie를 이용한 장바구니 예제 일단 장바구니 예제를 하기 위해서 orders라는 객체에 내가 판매할 상품을 적어준다 (원래는 데이터베이스 이용)그리고 "/orders" 라우터를 하나 생성해서 잘되는지 확인 연결과 출력이 잘되는지 확인 그럼 본격적으로 꾸며보자. 일단은 "/orders"화면을 꾸며주는 소스이다.단순하게 객체안의 내용을 출력해주고, 클릭 이벤트처리를 해주어서 쿠키를 늘려 주문갯수를 늘리는 형식이다. 위와같은 화면처럼 출력 두번째 소스는 아메리카노,스무디를 클릭했을때 쿼리스트링을 이용하여 쿠키를 저장하는 방법을 이용했다. 위의 소스를 출력했을때 이런식으로 나오는대객체 형식으로 "1"(아메리카노):2번클릭 이라는 뜻이다.(위의 사진은 1번을 두번 누르고, 2번을 한번누른것) 위의 소스를 다.. 2017. 5. 2. Javascript : nodejs cookie 1 Cookie 2017/04/25 - [PHP] - 7.PHP : 쿠키 이전에 공부했던 PHP 쿠키와 똑같은 의미를 가지고 있다. 데이터를 담는 방식중 한가지로 웹 어플리케이션에서 많이 사용되는 방법중 하나이다. 간단한 예제를 통해서 nodejs에서는 작동하는지 알아보자. 파일을 하나 만들어서 포트를 연결해준다. 포트는 내가원하는 포트로 사용하면 된다. 잘 연결되었는지 확인해보자. 연결후 본격적으로 쿠키를 사용하기 위해서 Express에서는 어떤 방식을 이용하는지 expressjs.com 으로 들어가서 확인해보자.쿠키는 요청에 의해서 나오는 데이터를 저장하고 보여주는 방식으로 request를 눌러보면쿠키라는 항목이 나오는대 위와같이 cookie-parser라는 모듈이 필요하다. 들어가보면 설치방법이 나오고.. 2017. 5. 2. Javascript : nodejs 데이터베이스 데이터베이스데이터 베이스는 이전에 PHP 공부해서 사용했던 내용과 같다. (이전글 참조) 2017/04/07 - [PHP] - 6.PHP 데이터베이스 데이터베이스 서버로 정보를 전달,저장하여 나중에 요청해서 정저장된 정보들을 볼수있게 해주는것이다. PHP에서는 서버측 언어이기 때문에 바로 사용이 가능했지만 Javascript같은 경우에는 서버측 언어가 아니기때문에 nodejs를 이용하는 것이다. 하지만 nodejs에서도 모듈이 필요하다. 지금부터 모듈설치와 간단한 예제를 해보자 일단 설치되어있는 mysql을 실행해서 간단하게 테이블을 먼저 생성해보자.경로를 mysql/bin 으로 디렉토리를 옮겨주고 위 그림과 같은 명령어로 mysql에 접속 "02" 라는 데이터베이스를 하나 생성한다.제대로 생성이 되었는.. 2017. 4. 28. Javascript : nodejs 파일업로드 파일업로드 파일 업로드에 앞서 Express의 기능중에는 마땅한 기능을 하는 것이없다. 따라서 모듈을 설치해주어야한다. multer라는 모듈을 설치한후 예제를 해보자!위와 같이 다운 받으면 됨 일단은 multer를 사용하기위해서 요청을 하고파일을 업로드 할수 있게 form을 만들어준다.(jade를 이용) 기본적인 파일 입출력 form이다. 그럼 위와 같은 형태의 form으로 파일을 올릴수가 있게되는대 한번 아무 파일이나 업로드를 해보자. 결과는 post를 찾을수가 없다고 나온다.그럼 여기서 알수있는 사실은 POST 형식으로 파일데이터를 옮긴다는 뜻이고저번에 했던 POST 방식을 이용하여 파일데이터를 볼수가 있다는 뜻이다.2017/04/24 - [Javascript] - Javascript : nodejs.. 2017. 4. 25. Javascript : nodejs POST 방식 POST 방식웹에서 가장 많이 쓰이는 방식인 POST 방식이다. POST방식은 URL을 통해서 데이터를 확인할수 없다는것이 가장 큰 장점이다. 이유는 GET방식 보다는 보안적으로 조금더 좋다. (확실히 좋다고는 할수 없음 , POST도 보안상 별로 안좋음).하지만 데이터의 크기가 크게되면 URL에 영향을 주지 않기 때문에 더 좋다고 할수있다. 그럼 예제를 통해 알아보자. 2017/04/24 - [Javascript] - Javascript : nodejs GET 방식에서 했던 소스를 조금 변형시켜서 해보자. 위의 소스에서 method를 POST형식으로 바꾸어준다. 그리고 다시 실행시켜 제출을 해보면 데이터를 받을수 없다고 나온다.(?) 메인 으로 와서 app.get이아닌 app.post로 소스를 다시 짜.. 2017. 4. 24. Javascript : nodejs GET 방식 GET 방식GET 방식은 하나의 라우터를 이용하여 데이터를 전송하는 방식이라고 생각하면된다. 저번에 했던 쿼리스트링역시 GET방식이라고 생각하면된다. 그럼 예제를 통해서 알아보자. 일단은 html을 쉽게 하기위해 파일을 하나 만들어준다 (jade는 npm에서 제공하는 미들웨어라고 생각하면된다 ) 그리고 만들어준 파일로 접근했을때 그 내용이 나올수 있게 랜더링을 해준다 그리고 만들어준 파일을 열어 코드를 작성해준다.jade는 이런식으로 쉽게 html을 만들수가 있다. (기본적인 html형식) 소스를 보면 위의 jade는 이런식으로 코드가 완성되어 나옴 실행을 시켜보면 위와 같이 나오게 된다.제출을 해보면 쿼리스트링에 데이터가 있는것을 확인할수가있다.! 그럼 그데이터를 보여주기위해서 변수에다가 쿼리스트링을 .. 2017. 4. 24. 이전 1 2 3 다음
