참고 도서 : IT 운용 체제를 위한 데브옵스 DevOps 탄생 배경 Waterfall 단계별 : 단계를 마치고 다음 단계로 웹 개발의 다양성 증가로 인한 요구사항의 증가로 지금은 잘 안씀 Agile 단계별 진화(프로토타입) waterfall을 작은 단위로 한다고 생각 수정 등에서 유리 스프린트 Sprint : 반복적인 개발 주기 Agile Scrum 방식 DevOps agile에 빠져 있는 운영이 추가됨(운영을 했을 때 발생하는 문제) 개발-배포-운영 등을 자동화 => DevOps 툴 사용(깃, 깃허브, 도커 등) 자동화 툴을 매개체로 개발자-운영자-QA 협업 Git 코드 이력 관리 툴 쉽게 말해 commit을 써서 세이브포인트를 만든다. Git bash git 초기 설정 git config --glo..
XP_Builder 활용한 디자인 HMI Human Machine Interface 기계와 사람 사이의 상호 작용을 처리할 수 있는 장치 하드웨어와 소프트웨어로 구성되어 사용자 입력을 기계에 대한 신호로 변환하여 필요한 결과를 사용자에게 제공 쉽고 빠르게 현장에 적용, 사용자 편의성 증대 프로젝트 만들기 초기 설정 연속 복사 램프 ON OFF 스위치 만들기 ON 스위치 디바이스 M0 OFF 스위치 디바이스 M0 비트 램프 디바이스 M10 래더도 만들기 시뮬레이션 시작 XP-Builder와 XG5000 둘 다 시뮬레이션 돌려줘야 함 결과 자기 유지 회로 런중 수정 - ctrl+L로 라인추가 자기유지 회로 작성 ON 스위치 누를때만 On으로 변경 OFF 스위치 디바이스 M1 및 누를때만 On으로 변경 결과 ..
서버 띄울 땐 백엔드 먼저, 프론트는 그 다음! 프론트 파일 index : 리스트 등 inform : 모달 검색 기능 구현 C:\Workspace\metacamp-frontend-main\src\store\models\department.js /* RestAPI 호출 */ api .get('/serverApi/departments', { params: payload }) .then(response => { const departmentList = response && response.data && response.data.rows context.commit('setDepartmentList', departmentList) }) 'song' 검색 C:\Workspace\metacamp-frontend-ma..
도커로 데이터 베이스 열기 password 평문인 부분에 암호화 된 정보 붙여넣기 평문일 경우 로그인이 불가능하기 때문에 암호화를 해줘야하는데 기존에 암호화된 항목을 복붙해도 된다. 토큰 토큰 발행 서버 --> 클라이언트(통행권) 토큰 검증 서버(검증) { User.findOne({ // 하나만 찾아줌 attributes: ['id', 'userid', 'password', 'name', 'role'], // 토큰 생성에서 발행한 항목 where: { userid: params.userid }, // findOne이 찾을 항목 : userid(id로 대조) }).then((selectOne) => { resolve(selectOne); }).catch((err) => { reject(err); }); }..
어제에 이은 라우터 파일 수정부터 들어갔다. logger 파일을 편하게 보기 위해서 JSON formatter을 이용하는 게 좋다. 라우터 파일 null 체크 // 입력값 null 체크 if (!params.name) { const err = new Error('Not allowed null (name)'); logger.error(err.toString()); res.status(500).json({ err: err.toString() }); } 비즈니스 로직 호출 // 비즈니스 로직 호출 const result = await departmentService.reg(params); logger.info(`(department.reg.result) ${JSON.stringify(result)}`); lo..
CRUD 구조 자바스프링의 MVC 구조를 모방 스프링 MVC 설명 참고 [부스트코스 웹 프로그래밍] 스프링 MVC 부스트코스 웹 프로그래밍 BE 영상을 보며 공부한 것을 간단히 정리한다. 1. Spring MVC Spring MVC 란 Spring 프레임워크에서 제공하는 웹 모듈이다. MVC 는 Model-View-Controller 의 약자로, 기본 시스템 모듈.. dailyheumsi.tistory.com Model : 테이블 정의 파일 Controller : 라우터 파일 Service : 비즈니스 로직 파일 DAO (data acess object) : 데이터 액세스 파일(쿼리를 날림) 프로세스 흐름 Controller -> Service -> DAO 순 => 강사님이 짜신 구조로 CRUD 구조는 ..
토큰 관리 완성 코드 참고 C:\Workspace\metacamp-backend2-origin Express Node.js를 위한 간결한 웹 프레임워크 : 구조를 잡아준다 거의 모든 nodejs 프로젝트는 express로 되어 있다. 그래서 한묶음으로 취급한다. 그래도 이력서엔 nodejs+express로 적자. express로 짠 nodejs엔 프론트엔드 화면이 존재한다. 설치 설명 링크 npm install express-generator -g 프로젝트 생성 express --ejs nodeproj 명령어 express / ejs라는 형식으로 express에 프론트엔드 화면을 만들겠다 / 생성할 프로젝트명 nodemon 소스코드를 감지해서 수정되면 자동으로 재시작 설치 npm install nodem..
HTML 기본 구조 HTML:5 자동완성으로 불러오기 test 서식 태그 제목1 제목2 제목3 제목4 제목5 제목6 떴다떴다 비행기 날아라 날아라 떴다떴다 비행기 날아라 날아라 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam, natus? 사과 파인애플 딸기 가 나 다 파리 패션과 미식, 예술과 낭만이 있는 세계 문화의 중심지 런던 영국의 수도이자 세계 최대의 도시로 손꼽히는 곳 강조 태그 떴다떴다 비행기 날아라 날아라 링크 태그 네이버로 이동 구글로 새 창에서 이동 다음으로 이동 이미지 / 동영상 / 오디오 태그 테이블 태그 1 2 3 4, 5 6, 9 7 8 자유게시판 글번호 글제목 글쓴이 날짜 1 첫번째 김김김 2022-01-02..
