안드로이드 & 지멘스 프로그래밍

안녕하세요. 훈츠입니다. 이 정리글은 생활코딩 예제를 기반으로 작성하였습니다. 패스포트 JS 다음예제인 다중 사용자를 학습 및 실습해보고 정리한 글입니다. 다시 한번 이고잉님 이하 개발자분들께 감사를 표합니다. 목 차lowdb 데이터 베이스 추가 패스워드 암호화를 위한 bcrypt 미들웨어 추가 회원가입 UI 만들기 회원정보 저장 into 인증정보 저장로그인 구현 접근제어 - 글쓰기 (Create)접근제어 - 글읽기 (Read)접근제어 - 글수정 (Update)접근제어 - 글삭제 (Delete)bcrypt - 비밀번호 암호화 코드 공유lowdb 데이터 베이스 추가 JSON 형태로 데이터를 저장하는 아주아주 가벼운 데이터베이스 lowdb 입니다. 사용해본 경험으로는 그다지 어렵지않고 가볍게 사용하기에 좋은..

안녕하세요. 훈츠입니다. 금일은 Passport 에 관해 정리 합니다. 세션을 가지고 인증작업을 하였을때보다 좀더 는 보안을 강화 할수있고, 무엇보다 구글로 로그인하기, 페이스북으로 로그인하기 같은 기능을 손쉽게 가능하도록 도와줍니다. 강의 출처는 opentutorials.org/module/3655 WEB5 - Express passport.js 수업소개 이 수업은 Node.js Express의 인증 미들웨어인 Passport.js의 사용법을 알려드리는 수업입니다. 수업대상 로그인/로그아웃/접근제한과 같은 인증 기능을 구현하고 싶은 분에게 필요한 수업�� opentutorials.org 생활 코딩의 이고잉님 강좌를 참조하였습니다. 목 차 패스포트 동작 설명 및 설치 패스포트 인증 관련 순서 전체 코드 ..

안녕하세요. 훈츠입니다. 금일은 Session 미들웨어에 관해 정리 합니다. Cookie 만 가지고 인증작업을 하였을때는 보안문제가 발생하므로 Session 미들웨어를 이용하여 보통 구성합니다. 어떻게 구성하고 움직이는지 정리 해보도록 하겠습니다. 목 차 세션 미들웨어 동작 설명 및 설치 세션 이용한 기본 동작 구현 테스트 세션 객체의 옵션 코드 전체 코드 공유 세션 미들웨어 동작 설명 및 설치 서버와 클라이언트 간 http 통신 할때, 서버가 쿠키를 발행하고 클라이언트가 쿠키를 저장합니다. 그리고 다시 재접속 할때 서버는 클라이언트의 쿠키를 확인 합니다. 세션을 이용하면, 쿠키에 세션의 sid 값만 저장 합니다. 그러므로 이전 쿠키만 이용해서 내용을 저장할때의 정보가 저장 되는것이 아니라, sid 값을..

안녕하세요. 훈츠입니다. 노드 JS에서 쿠키가 기본적으로 동작하는 원리에 대해 정리해 봅니다. 목 차 쿠키 설명 및 특징 쿠키 만들기 쿠키 읽기 쿠키의 활용 Session 쿠키 (휘발성) VS Permanent 쿠키 (비휘발성) 쿠키 옵션 앱 만들기 적용 (쿠키를 이용한 인증 기능 구현) 로그인 쿠키 생성 로그인 상태 체크 로그인 상태를 UI에 반영 로그 아웃 접근 제어 쿠키 설명 및 특징 https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies HTTP 쿠키 HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데�� devel..

Node JS Express 와 React 에서 yarn dev 명령어를 이용해서 서버와 리액트 프론트 동시 실행방법에 대해 배워보자! 노드JS Express 서버와 리액트 클라이언트를 동시에 실행하는 방법에 대해 포스팅 합니다. 목 차 프로젝트 트리 구조 관련 라이브러리 설치 JSON 파일 수정하기 - 서버 사이드 JSON 파일 수정하기 - 클라이언트 사이드 프로젝트 트리 구조 위와 같이 서버가 밖에 있으며, 그곳을 세팅하는 package.json 파일과 create-react-app 으로 프로젝트를 만들게 되면 그안에 client 폴더 안에 package.json 파일이 있습니다. 전자의 package.json은 서버 세팅을 위해 사용되고 후자는 리액트 프로젝트를 위해 사용됩니다. 관련 라이브러리 설..

안녕하세요. 훈츠입니다. 금일은 노드JS Express 서버와 리액트 클라이언트를 동시에 실행하는 방법에 대해 포스팅 합니다. 목 차 프로젝트 트리 구조 관련 라이브러리 설치 JSON 파일 수정하기 - 서버 사이드 JSON 파일 수정하기 - 클라이언트 사이드 프로젝트 트리 구조 위와 같이 서버가 밖에 있으며, 그곳을 세팅하는 package.json 파일과 create-react-app 으로 프로젝트를 만들게 되면 그안에 client 폴더 안에 package.json 파일이 있습니다. 전자의 package.json은 서버 세팅을 위해 사용되고 후자는 리액트 프로젝트를 위해 사용됩니다. 관련 라이브러리 설치 다음을 설치하세요. npm install -g yarn npm install -g nodemon np..

안녕하세요. 훈츠입니다. 금일은 NodeJS Express 에서 REST API에 대해 쉽게 정리 해보겠습니다. 글 목록 서버와 클라이언트의 역활 REST API 란 ? POST 맨을 이용해서 손쉽게 REST API 테스트 CRUD 구현 GET POST UPDATE DELETE 코드 공유 서버와 클라이언트의 역활 Node JS 와 리액트를 같이 공부하면서 항상 의구심이 들었던 부분은 리액트에 저장 영역을 만들어놓고 사용 하면 되지 않을까? 혹은 Node JS Express 로 구성하든 백앤드단 구성할때도 View 영역을 만들어서 클라이언트에게 보여주면 굳이 Front 단이 필요할까? 라는 의구심이 들었는데 둘의 명확한 역활 분담은 다음 두가지 인것 같습니다. 클라이언트 : 즉 VIEW UI 혹은 조작에 ..

Node js express 정리하면서 배워봅시다. 안녕하세요. 훈츠입니다. 노드JS Express 정리해 봅니다. 글 목록 노드 JS express 간단 소개 및 설치방법 [ 윈도우, 리눅스 ] 노드 JS express 기본 시작 페이지 [ 원리 파악 ] 시작 페이지 전환 Node js VS Express 컨버터시 차이점 CRUD 샘플 구현 Node JS -> Node JS Express Express 미들웨어 소개 및 만들어서 사용해보기 에러 처리 정적 파일 처리 Express 라우터 프로젝트 보안 처리 (헬멧 적용) 프로젝트 압축 처리 (콤프레션 적용) Express Generator pug 라이브러리 for HTML Coding 노드 JS express 간단 소개 및 설치방법 [ 윈도우 ] 노드 ..

훈츠의 블로그 입니다. 안녕하세요. 훈츠입니다. 노드JS 정리해 봅니다. 생활코딩에서 1차로 노드 JS 완주하고 적는 완벽한 초심자 입장에서 적는거라, 초심자에게는 도움이 될것 같습니다. 어렵게 설명하고 싶어도, 아는게 없습니다. ㅎㅎ 그래도 전체적인 맥락 파악에는 도움이 되실것 같습니다. 노드 JS 가 무엇인지 알고 싶으시면, 생활코딩의 egoing 님 강좌 추천 드립니다. 글 목록 노드 JS 설치방법 [ 윈도우, 리눅스 ] 노드 JS 기본 시작 페이지 [ 원리 파악 ] 시작 페이지 전환 URL 구조 및 주소 알아내기 콘솔 입력값 받아서 처리하기 [ process.argv ] Not found 404 오류 구현 노드 JS CRUD 샘플 프로그램 설명 파일 이용하여, 글목록 생성하기 노드 JS 동기와 비..