개발하는 인사담당자 개발하는 인사담당자

■ 오늘 배울 내용 1. GIT / GITHUB 2. Morpheus 프로젝트 안드로이드 아이콘적용 3. Vue3 / Vee-Validate (유효성 체크) 4. 이미지 업로드(모피어스) 5. 팀별로 면담 ■ git / github 란? 분산 버전관리 시스템 작업하던 시점에 대해 일정한 버전을 관리하기 위한 시스템 ex) 대학교 ac.kr -> 대학교별 학생 계정 만들면 좋다. 1. intelij - IDE학생계정 2. terminus - 터미널(SSH) 학생계정 3. 노션 - 게시판 학생계정 GITHUB - Group - Repository (서버와 ui 나눌 수 있다.) - api server - ui GIT 1. branch (main) 작업공간 -> 여러개의 브런치를 생성할 수 있다. 2. tag..

■ TEMURIN 다운로드 JDK : 자바 개발 환경 JRE : 자바 실행 환경 https://adoptium.net/temurin/releases/ Latest Releases | Adoptium adoptium.net ■ 롬복 설치하기 https://projectlombok.org/download Download projectlombok.org 이클립스 선택 후 install 클릭 환경변수 경로에 넣어주기 ■ get 방식 사용자 요청 시 http 프로토콜 요청을 한다. 1. Get : 메세지 바디 쓰지 않는다. 1) query - parameter 방식 (조건) key value end 방식 ex) naver.com?key=value&... 페이지를 보여줄 때 많이 보여줌 page=1 2) path-..

■ 유라클 서버교육 * 웹 시스템 구성 요소 (WEB, WAS, DB) 사용자에게 동적인 요청 받았을 경우 WEB 서버 -> WAS 가공 -> DB 소통 * WEB과 WAS 같이 사용하는 이유는? : WAS 동적이므로 오류 날 수 있다. 그럴 경우 WEB 서버에서 오류를 띄워준다. * 도메인을 입력하면 어떤 일이 일어날까? 도메인을 입력시 IP주소를 찾기 위해 DNS 서버에 질의하게 됨 기본적으로 WINDOW도 설치 돼 있음 1. DNS에서 질의하여 HOSTS 파일에 어떻게 인식할지 적혀 있다. (NAVER인지 다음인지 등등) 2. DNS 캐쉬가 있는지 확인 (이미 있다면 캐시를 읽는다.) 3. ISP(인터넷 서비스 프로바이더) 통신사가 가지고 있는 대역에 질의 (IPv4주소 40억개 만들 수 있다.) ..

■ vuetify vuetify를 설치한다. https://vuetifyjs.com/en/getting-started/installation/ Get started with Vuetify 3 — Vuetify Details for v3 release - faq, changes, and upgrading. vuetifyjs.com main.js 에 vuetify 넣어주기 하단의 깃허브 버튼 클릭 Application 코드복사하여 App.vue 에 붙여넣기 vue add vuetify -> yes -> 맨 마지막 선택 Application app.vue 에 코드 복사 import { createApp } from "vue"; import App from "./App.vue"; import router fro..

■ 아이디 유효성 검사 v-if 가 참인 경우 해당 문구가 나오게 설정한다. 문구가 처음에는 안나오도록 false 처리 한다. Vue 인스턴스의 데이터 변경을 관찰 / 반응할 때 watch 기능을 쓴다. 입력 시 idInputCheck true 이기 때문에 문구가 뜬다. 길이가 5보다 작은 경우에는 문구가 뜨게 설정하고, 그렇지 않을 경우 문구가 없어지게 설정한다. exec 를 통해 reg 에 해당하는 값이 있는지를 체크한다. 비어있지 않은 경우 그 값을 나오게 설정해서 동작하는지 확인한다. 해당하는 값이 있는경우 slice 를 통해 더이상 입력하지 않게 설정 가능하다. /\s/ 공백을 찾아서 != -1 으로 공백이 있는 경우 문구가 뜨게 설정한다. https://v2.ko.vuejs.org/v2/gui..

■ 서버 포트 api 붙여주기 vue에서 쓰는 이름과 컨트롤러에서 쓰는 이름이 동일해서 json 형태가 나오므로 requestMapping /api 처리하고 서버도 /api 로 받을 수 있게 바꿔준다. 그러면 json 형태로 겹치지 않게 보인다. ■ Vue.js devtools 설치하기 설치하기 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js devtools Browser DevTools extension for debugging Vue.js applications. chrome.google.com 고정표시를 하면 뷰로 만든 페이지로 갔을 경우 아이콘이 활성화 된다.

■ AWS 시험 미리보기 https://www.examtopics.com/exams/amazon/aws-certified-cloud-practitioner/view/ AWS Certified Cloud Practitioner Exam – Free Exam Q&As, Page 1 | ExamTopics Which component of the AWS global infrastructure is made up of one or more discrete data centers that have redundant power, networking, and connectivity? A. AWS Region B. Availability Zone C. Edge location D. AWS Outposts Reveal ..

■ 페이징 만들기 페이징 화면에 보이는 번호를 만들어준다. mounted 처음 페이지 로딩될 때 실행되는 것 보드를 눌렀을 때 메소드 실행될 수 있도록 메서드도 만들어준다. 라우트로 보내서 사용하게 한다. pageNo 값 파람 값으로 받고 이 값을 리스트에 넣어서 보낸다. 0부터 시작해야 하니까 다음과 같이 서비스에서 설정해준다. 받은 pageNo 값부터 10개 찍어준다. 몇 페이지 찍는지도 찍어줄 수 있다. 총 게시글 수를 부르기 위해 맵퍼에서 전체 게시글 수를 구하고, 해당 변수를 totalcount 라고 짓는다. 리스트에 담은 totalcount 값을 가져온다. 참고로 totalcount 는 모든 list 안에 담기게 된다. 내가 가져온 게시글의 10개씩 나눠서 해당하는 값만큼 버트 찍히게 해줄 것..