개발 기록/개인프로젝트 기록

Node.js - 회원가입처리 (ID중복체크) 오늘은 회원가입처리를 시작하면서 ID중복체크를 ajax 통신으로 처리하였던 것을 기록한다. 기존에 익숙했던 java의 흐름과 비슷하기는 하지만 Node 환경에서 기존에 알고있던 것을 처리하는 것도 색다르고 흥미가 생기게 되는 것 같다. 아래 로그인화면에 회원가입 버튼을 붙여주었고 [회원가입] 버튼을 누르면 회원가입 페이지로 이동한다. 1. 회원가입 화면 이벤트 처리 먼저 ID중복확인에 대한 처리를 [중복확인] 버튼을 만들어 처리를 하려고 onclick 이벤트로 처리를 하려다가 커서가 벗어났을 경우에 아래에 text로 뿌려주는 것이 적합할 것 같아 onfocusout 이벤트로 처리를 하였다. signup.ejs 아이디 비밀번호 비밀번호확인 script -> f..

Node 기반에서 .env 환경변수 파일 설정 프로젝트를 진행하면서 DB연동을 하거나, 각 서비스마다의 메시지 문구를 각 비지니스로직에 하드코딩해 놓는 것은 유지보수하기 어렵고, git에 오픈소스로 제공하다보면 보안에 취약해질 수 있어서 .env파일로 환경변수를 관리하도록 설정해보았다. 직접 개발환경을 구성하며 찾아다니다 보니 보안성면에서도 생각하게 되는 계기가 되어 작업하였다. 1. dotenv 라이브러리 설치 npm install dotenv --save 2. env 파일 작성 아래와 같이 DB관련 접속정보를 작성해주었다. # config/env/.env.development.local 생성 # # >> 환경변수 : DB관련정보, API_KEY등 개발팀만 알아야 하는 값 # 즉, git에 올리면 안되..

express-mysql-session을 활용해 로그인 처리 오늘은 로그인처리와 동시에 session을 사용해 로그인 정보를 저장해 활용할 수 있도록 express-mysql-session을 활용해 로그인처리를 하였다. 1. express-session 설정 아래 명령어를 터미널에 입력해 express-session 모듈을 사용할 준비를 해준다. # npm install express-session --save GitHub - expressjs/session: Simple session middleware for Express Simple session middleware for Express. Contribute to expressjs/session development by creating an ac..

sql mapper 및 Mybatis 적용 MariaDB 연동을 마치고 쿼리를 분리하여 작업하기 위해 Spring의 mapper처럼 Node환경에서 사용할 수 있는게 있을까 찾아보니 Node에서 xml파일로 mapper를 만들고 mybatis도 적용할 수 있다고 해 적용을 하려고 한다. 1. mybatis-mapper 모듈 설치 아래 명령어를 터미널에 입력해준다. # npm install mybatis-mapper --save 2. xml파일 생성 database/mapper 경로에 common-mapper.xml 파일을 생성시켜주었다. 앞으로 해당 common-mapper.xml 은 공통적인 쿼리등을 담아 활용되는 mapper가 될 것이다. SELECT * FROM TM_CS WHERE 1=1 AND ..

Express 서버에 MariaDB 연동하기 우선 3시간 정도에 걸쳐 테이블설계를 1차적으로 완료했다. 기본테이블만 8개정도가 나왔고 우선은 고객, 상품관리, 결제 및 배송 이렇게 크게 3가지로 나누어 각 테이블을 구성하였다. DB를 어떤걸 사용할 지 고민하다가 우선은 무료인 MariaDB를 사용하기로 하여 Express환경과 MariaDB를 연동하려고 한다. 1. npm mysql 설치 우선 명령어를 터미널에 입력하여 mysql을 설치해주었다. # npm install mysql --save --save 명령어를 마지막에 입력해줬기 때문에 package.json 파일의 dependencies에 mysql이 추가된 것을 볼 수 있다. 2. database js파일(접속정보) 생성 /프로젝트최상위/data..

개인프로젝트 [1] 개인프로젝트를 마음먹고 시작한지 1일차가 마무리 되었다. 여태 Java환경에 익숙해져있던 터라 다른 언어스택으로 개발을 해보자고 생각했고 Node를 사용해 서버환경을 구성하자라는 생각을 하고 알아보았다. Express를 사용해 개발환경을 구성하고 기본 HTML이 아닌 EJS템플릿을 활용해 View를 구성할 예정이다. 사실 방금말한 문장이 정확이 맞다라는 확신도 없을 정도로 Node환경에 무지해서 차차 공부와 개발을 병행하며 진행해야 할 것 같다. 기본적으로 Node.js에서의 GET, POST방식의 form데이터 전송은 예제를 통해 실습을 진행하였고 UI는 정성을 쏟을 시간이 부족하다 생각해 BootStrap을 EJS에서 활용할 수는 없을까 생각하여 검색하니.. 다나온다.. 가능하고 ..