전체 글
-
(기업프로젝트) 1 - 유라클 프로젝트 서버교육개발/프로젝트 2023. 10. 11. 17:49
■ 유라클 서버교육 * 웹 시스템 구성 요소 (WEB, WAS, DB) 사용자에게 동적인 요청 받았을 경우 WEB 서버 -> WAS 가공 -> DB 소통 * WEB과 WAS 같이 사용하는 이유는? : WAS 동적이므로 오류 날 수 있다. 그럴 경우 WEB 서버에서 오류를 띄워준다. * 도메인을 입력하면 어떤 일이 일어날까? 도메인을 입력시 IP주소를 찾기 위해 DNS 서버에 질의하게 됨 기본적으로 WINDOW도 설치 돼 있음 1. DNS에서 질의하여 HOSTS 파일에 어떻게 인식할지 적혀 있다. (NAVER인지 다음인지 등등) 2. DNS 캐쉬가 있는지 확인 (이미 있다면 캐시를 읽는다.) 3. ISP(인터넷 서비스 프로바이더) 통신사가 가지고 있는 대역에 질의 (IPv4주소 40억개 만들 수 있다.) ..
-
(국비교육) 84 - Vuetify + STS 다운 +개발/국비교육 2023. 10. 10. 11:10
■ 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..
-
(국비교육) 83 - Spring boot + vue 게시판 만들기 ( 아이디 유효성 검사 + 세션 + 수정/삭제버튼 비활성화 + index 페이지 만들기)개발/국비교육 2023. 10. 6. 14:34
■ 아이디 유효성 검사 v-if 가 참인 경우 해당 문구가 나오게 설정한다. 문구가 처음에는 안나오도록 false 처리 한다. Vue 인스턴스의 데이터 변경을 관찰 / 반응할 때 watch 기능을 쓴다. 입력 시 idInputCheck true 이기 때문에 문구가 뜬다. 길이가 5보다 작은 경우에는 문구가 뜨게 설정하고, 그렇지 않을 경우 문구가 없어지게 설정한다. exec 를 통해 reg 에 해당하는 값이 있는지를 체크한다. 비어있지 않은 경우 그 값을 나오게 설정해서 동작하는지 확인한다. 해당하는 값이 있는경우 slice 를 통해 더이상 입력하지 않게 설정 가능하다. /\s/ 공백을 찾아서 != -1 으로 공백이 있는 경우 문구가 뜨게 설정한다. https://v2.ko.vuejs.org/v2/gui..
-
(국비교육) 82 - Vue.js devtools 설치하기개발/국비교육 2023. 10. 5. 11:55
■ 서버 포트 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 고정표시를 하면 뷰로 만든 페이지로 갔을 경우 아이콘이 활성화 된다.
-
(국비교육) 81 - Spring boot + vue 게시판 만들기 + AWS 시험 미리보기 + GITHUB 관리(동영상) + Vuex 설치 + store 이용하기 + 포트 변경하기 + 로그인/로그아웃 만들기개발/국비교육 2023. 10. 4. 16:10
■ 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 ..
-
(국비교육) 80 - Spring boot + vue 게시판 만들기 ( 페이징 )개발/국비교육 2023. 10. 3. 17:21
■ 페이징 만들기 페이징 화면에 보이는 번호를 만들어준다. mounted 처음 페이지 로딩될 때 실행되는 것 보드를 눌렀을 때 메소드 실행될 수 있도록 메서드도 만들어준다. 라우트로 보내서 사용하게 한다. pageNo 값 파람 값으로 받고 이 값을 리스트에 넣어서 보낸다. 0부터 시작해야 하니까 다음과 같이 서비스에서 설정해준다. 받은 pageNo 값부터 10개 찍어준다. 몇 페이지 찍는지도 찍어줄 수 있다. 총 게시글 수를 부르기 위해 맵퍼에서 전체 게시글 수를 구하고, 해당 변수를 totalcount 라고 짓는다. 리스트에 담은 totalcount 값을 가져온다. 참고로 totalcount 는 모든 list 안에 담기게 된다. 내가 가져온 게시글의 10개씩 나눠서 해당하는 값만큼 버트 찍히게 해줄 것..
-
(국비교육) 79 - Spring boot + vue 게시판 만들기 + 유라클 회사 소개개발/국비교육 2023. 9. 22. 16:27
■ 댓글쓰기 (CRUD) * 오늘 요청사항 1.1 comments 와 연동하기 1) 보드에 댓글 수 출력하기(몇 개 댓글 있습니다.) - comments 최근글에 대한 댓글 더미데이터 넣어주세요. o - 쿼리문 변경(해당 글번호) 0 - boardList.vue 변경 0 해당 bno 번호에 몇 개의 c_comment 가 있습니다. 0 - 0없애기 => 결과 2. 상세보기 눌렀을 때 화면에 댓글들 출력하기 3. 댓글 수정/삭제 기능 수정하기 삭제하기 참고로 삭제하고 해당 페이지 다시 돌아오려면 this.$router.go(0); 써주면 된다. ■ 유라클 회사 소개 * 현재 우리가 진행한 것 언어 :자바 db : 마리아db jquery html css jsp servlet spring * 회사소개 모피어스(..
-
(국비교육) 78 - 13회차 시험개발/국비교육 2023. 9. 21. 17:01
[문항1] 1. 다음 OS중 그 성격이 다른 것은? 1) 우분투 2) 윈도우 3) 슬랙웨어 4) 오픈수세 [문항2] 2. RAID의 관한 설명으로 맞는 것은? 1) RAID는 1부터 시작해서 10까지 있다 2) RAID 0은 빠른 입출력이 가능하고 고장시 대응하기 쉽게 구성되어있다. 3) RAID1은 두 개 이상의 디스크를 미러링을 통해 하나의 디스크처럼 사용한다. 4) RAID2는 없다. [문항3] 3. 리눅스 부트로더에 대해 설명한 것으로 올바른 것은? 1) LILO는 대화형 명령어 인터페이스가 없고, 네트워크 부팅을 지원하지 않는다 2) LILO는 새로운 기본 부트 로더이다 3) GRUB는 리눅스 배포판 표준 부트 로더이다 4) GRUB는 리눅스, vSTA, DOS등 기타 OS에서 사용할 수 없다 ..