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

■ 오늘 할 일 jsp + bootstrap + media Query ■ 버전 바꾸 java 11 window 64 설치하기 환경변수 변경 있는지 확인하고 있다면 확인 누르고 끄기 r: 재부팅 t: 시간지정 00 은 지금 바로 shutdown 붙여야 한다. ■ 빨리 부팅시키기 위한 실행 기능 ■ media Query 페이지, 사이트에 대한 정체성 검색봇이 해당 내용을 인식해서 해당 내용에 따라 검색 시 상단에 뜨게끔 설정도 가능하다. media query 를 통해 각 크기별로 효과를 줄 수 있다. 각 크기별로 효과가 다음과 같이 나온다. https://coding-factory.tistory.com/938 [CSS] 미디어 쿼리(media query) 사용법 (반응형 웹) 웹 사이트에 접속할 수 있는 다..

글이 삭제 돼 해당 게시글로 대체한다. https://phyho.tistory.com/175 20231013 _[89일차]_01. 유라클 교육(3일차) 최종목표 : 프로젝트 주제 : 자유 서버 : 스프링부트2 마리아 디비 클라이언트 : 모피어스 (모바일 어플리케이션 하이브리드 프레임워크) 웹 HTML / CSS / JS [ 모피어스 ] 웹뷰 기반 하이브리드 어플 phyho.tistory.com

■ 오늘 배울 내용 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 고정표시를 하면 뷰로 만든 페이지로 갔을 경우 아이콘이 활성화 된다.