SIMPLE & UNIQUE

2_3 목표 : DB서버 시간을 한국으로 변경하고, 한글인코딩 설정을 한다. 함수작성 권한을 추가한다. 리스트 페이지에서 사용할 더미데이터를 삽입한다. 1. DB 시간을 한국 시간으로 변경한다. RDS 서버 세팅 후, 파라미터 그룹 설정을 변경하지 않았다면 아래와 같이 time-zone이 한국이 아닌 UTC로 되어있을 것이다. ## 참고 ## time-zone을 바꾸는 이유는 다양하지만, 이 사이트에서는 게시글을 insert/update 할 때 DB시간으로 등록/수정 시간을 세팅해 넣는다. 이때 한국시간으로 등록/수정하기 위해서 time-zone을 변경하는 것이다. select now(); SHOW GLOBAL VARIABLES LIKE '%zone%'; RDS 파라미터 그룹에서 time-zone을 서울..

4_3 목표 : NODE 코드로 스케줄러를 작성하고, 실행시 로깅되도록 한다. 정상동작 확인 후, EC2 서버에 코드를 배포한다. 1. cron을 사용해 스케줄러를 구현한다. server.js에 batch 라우터를 추가한다. var express = require('express'); var indexRouter = require('./routes/index'); var usersRouter = require('./routes/users'); var swtoolRouter = require("./routes/SwtoolRout"); var fileuploadRouter = require("./routes/UploadRout"); var BatchRout = require("./routes/BatchRou..

4_2 목표 : 서버경로에 node를 설치하고, SFTP로 소스파일을 전송해 서버를 구동한다. 그리고 외부 접속 테스트를 한다. 1. ec2 서버에 업로드할 소스파일을 tar 파일로 압축한다. /node_modules, /client/node_modules 폴더를 제외한 파일들을 새폴더에 복사하고, tar 파일로 압축한다. 2. Sftp를 이용해 tar 파일을 전송한다. mobaXterm을 열어 Sftp를 연결하고, 소스파일들을 위치시킬 폴더를 생성한다. 새로 생성한 파일에 tar 파일을 드래그해 이동시킨다. 3. SSH로 서버 터미널에 접속해 tar파일이 있는 경로로 진입해 압축을 푼다. 터미널에 접속되면 아래 명령어들을 순서대로 실행한다. // root 권한으로 전환 sudo su - // tar 파..

4_1 목표 : t2.micro 프리티어로 인스턴스를 생성하고, mobaXterm을 설치해 SFTP, SSH로 서버경로에 접속한다. 1. ec2 t2.micro 인스턴스를 생성한다. 2회차에서 AWS 가입을 하고 RDS 인스턴스를 생성했다. ec2 서버도 마찬가지로 1년동안 무료로 사용할 수 있는 t2.micro(프리티어) 서버를 생성할 것이다. 2회차때 가입한 계정으로 로그인한 후, EC2 대시 보드로 접속한다. 인스턴스 시작 버튼을 누른다. 단계1) 에서 ubuntu 18.04 버전을 선택한다. 단계2) 에서 t2.micro 프리티어 버전을 선택 후, [다음:인스턴스 세부 정보 구성] 버튼을 클릭한다. 단계3) 은 초기값 그대로 수정하지 않고 [다음] 버튼을 누른다. 더보기 단계4) 도 초기값 그대로..

3_3 목표 : 사이트 레이아웃에 어울리는 alert 디자인을 적용하고, 리스트페이지에서 삭제 기능을 구현한다. git 서버에 업로드하지 말아야 하는 파일들을 이해한다. 1. sweetalert2 패키지를 설치해 alert 디자인을 수정한다. react 경로 C:\Users\ljung\OneDrive\문서\taling0102\client 에서 아래 명령어로 패키지를 설치한다. npm install --save sweetalert2 참고 : https://sweetalert2.github.io/#native_link# SweetAlert2 A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's p..

3_2 목표 : 이미 등록된 데이터를 수정페이지 form에 노출시키고, 수정기능을 등록페이지 로직과 동일하게 구현한다. 1. 등록페이지 react 파일에 수정 기능을 추가한다. AdminSoftwareView.js 파일에 아래 소스를 붙여넣는다. state에 수정에 필요한 변수들을 선언했고, node api를 호출해 기존에 저장한 데이터를 호출해 화면에 노출시키는 스크립트 코드가 추가됐다. import React, { Component } from 'react'; import {Link} from 'react-router-dom'; import axios from "axios"; import $ from 'jquery'; class SoftwareView extends Component { constru..