서버 띄울 땐 백엔드 먼저, 프론트는 그 다음! 프론트 파일 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..
현재 웹개발을 공부하고 있지만 배움에 한계를 두고 싶지 않아서 신청했다. 첫번째 세션 Ivy 강사님 1. 학습 전략 cs 전공 지식 - 단기간에 부족한 지식을 완벽히 채우는 것은 힘들다. => 우선 순위를 결정하고 그대로 따라야 할 필요가 있다. - 강사님의 경우 자료구조 & 알고리즘부터 자신만의 강점이 있다면 그 강점에 집중하는 것도 좋다. - 강사님의 경우 실무 역량 + 협업 능력, snow 클론코딩 및 TensorFlow(모든 배움을 편견없이 받아들이는 부분 어필) 2. 취업 준비 전략 회사 선택 기준 - 회사 규모, 구성원, 관심 분야, 커리어 방향성 - 강사님이 공략한 회사는 50~100명 규모의 스타트업 - 스타트업에서 권한을 부여받고 다양한 일을 해보는 것도 좋은 방법 채용 전형 - 서류 |..
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..
환경 구축 VSCode 사용 설치한 Extension Extension 환경설정 기존 eslint 설정에 더하여 여길 참고했음 .vscode\setting.json { "eslint.validate": [ "vue", "javascript", "html" ], "eslint.alwaysShowStatus": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.wordWrap": "on", // 자동 줄바꿈 "editor.mouseWheelZoom":true, // 마우스 휠 줌 "liveServer.settings.CustomBrowser": "chrome", "liveServer.settings.donotShowInfo..
