[node.js] localStorage와 ondeviceorientation 이용한 웹 만들기

 localStorage와 ondeviceorientation 이용한 웹 만들기

• ondeviceorientation

- 이것을 이용하면 모바일의 센서를 이용하여 프로그램을 만들 수 있다.

- 모바일에서 이용하므로 서버를 이용해야 한다.

** 출력 결과 **

- 컴퓨터의 cmd에서 ipconfig를 입력한 뒤 IPv4의 ip를 휴대폰에서 접속하면 접속이 가능하다.

• localStorage 이용한 login Form 만들기 (중요)

- login form을 생성하여 아이디와 비밀번호를 입력하면 post로 전송한다.

: form method="post" action="loginAction"

: 이 때 input 값은 서버에서 name으로 받기 때문에 name값 설정을 꼭 해줘야한다

- 서버는 console.log로 아이디와 비밀번호를 출력해준다.

: app.js에서 post 방식으로 보낸 loginAction 요청을 처리한다.

: req 를 이용하여 html에 name값이 id, pwd인 값을 변수를 생성한 뒤 넣는다.

: 콘솔로 출력한다.

- 아이디 저장을 체크하면 localStorage에 아이디를 기억하여 다시 접속했을 때 기억하도록 한다.

: localStorage를 이용하여 값을 저장한다.

: submit 이벤트가 일어나면 prop을 이용해 아이디 저장이 체크되었는지 여부를 판별한다.

: 체크가 되어있다면 입력한 아이디, 비밀번호값을 읽어와 localStorage에 저장한다.

** 출력 결과 **