잘하자 IT

JQuery란 기존에 자바스크립트 언어만으로 구현하기 복잡했던 구문을 간소화하기 위해 만든 자바스크립트 기반의라이브러리이다 (유용한 기능의 모음집)즉 자바스크립트 언어로 유용한 함수나 내용들을 다른 누군가가 정의해 놓은 것 복잡한 자바스크립트 구문보다 짧고 쉽게 개발이 가능하다  장점 DOM 요소와 관련된 스크립트를 쉽게 구현할 수 있다 AJAX(비동기식 통신) 이벤트 처리 등을 폭넓게 지원함 jQuery 관련된 확장형 플러그인, 오픈API등을 지원 (차트,슬라이드,캘린더) 등등  * JQuery 라이브러리 연결방법 head 태그 내에 script 태그로 외부 jQuery 관련 .js 파일 연결 방법   - jQuery 공식 사이트 : a href="http://www.jquery.com" target=..

script src="../../resources/js/practice_240813.js">script>         link href="../../resources/css/practice_240813.css" rel="stylesheet">     head>body>    div class="wrap">        div class="header">            h2>간단한 계산기h2>        div>        div class="content">            input type="number" id="num1">            select id="op">                option>+option>                option>-option>   ..

h3>문제1. 색상 선택후 변경 버튼을 클릭하면 색상이 변경되도록 만들어 보세요h3>    div id="area1" class="area">div>    input type="color" id="selColor">    button onclick="changeColor();">변경button>           function changeColor(){            const selColor = document.getElementById("selColor");            // input 요소들의 입력된 값 : value 속성             console.log(selColor.value); // 16진수 형태의 색상값             document.getElementByI..

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>오류 페이지title>    style>        /* div { border: 1px solid red; } */        .wrap {             height: 100vh; /* vh : 뷰포트 기준 높이 비율 단위 */            display: flex;            flex-direction: column;            justify-content: center;            align-items: ..

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>스타일 복습title>    style>        /*** 이미지에 맞게 스타일을 적용해주세요 ***/        body { background-color: black; color: white;}        h2 { text-shadow: 0px 0px 20px;}        table { margin-top: 5%; }        th { width: 10px; height: 50px; }        td { padding: 15px; } ..

DTO : 데이터 전송 객체이다 DTO는 데이터를 묶어서 전송하는 역할을 하며 주로 클라이언트와 서버 간의 데이터 교환 시 사용된다   DAO : 데이터 접근 객체 : 데이터베이스와의 상호작용을 담당 DAO는 CRUD 작업을 처리한다 데이터베이스에 대한 구체적인 접근 방법을 캡슐화한 것이다   VO : 특정 값을 표현하는 불변 객체이다    언뜻 보면 DTO와 VO는 비슷해 보인다  DTO 사용 사례로는 API 통신 : 클라이언트와 서버 간 데이터 전송 시 DTO를 사용하여 요청 및 응답 데이터를 구조화한다  VO 특정 비즈니스 개념을 표현할 떄 VO를 사용한다

버블 정렬 : 수면으로 올라오는 거품같이 정렬하는 것을 말한다 정렬 결과는 이전 삽입 정렬과 같다  1. 배열의 끝에서 처음까지 이웃 사이의 요소를 비교하여 작은 값이 앞으로오도록 요소를 교체 2.이를 반복하여 배열의 시작 부분에 가장 작은 값을 갖는 요소가 위치하게 만든다 3. 그 다음 나머지 요소에 대해 같은 과정을 거치며 두 번째로 작은 요소가 위치한다 4.이 같은 절차를 반복하여 배열 전체를 정렬한다  class Arraysort{ public static void printArray(int[] a){ for (int i = 0; i a[cmp + 1]){ temp = a[cmp]; a[cmp] = a[cmp ..

이번에 추가한 기능은 직원 이름으로 검색하는 것이다  LIKE 기능을 넣을까 말까 하다가 이름을 잘 못 검색하더라도LIKE %키워드%를 통하면 좀 더 실수를 방지를 할 수 있어 키워드로 검색하는 기능을 추가했다 public void empListMenu(){ while (true){ System.out.println("목록 조회 - 요양원 직원"); System.out.println("1.직원 목록 조회"); System.out.println("2.직원 추가하기"); System.out.println("3.직원 정보 수정[이름/나이/성별]"); System.out.println("3.직원 정보 수정[이름/나이/성별]"); System.out.println("4. 직원..

반복처리 속의 반복 처리 = 다중 반복문 외부 루프 카운터가 첫 번째 값으로 설정되어 그 상태로 내부 루프 카운터가 처음부터 마지막 값까지 변한다  즉 외부를 고정하여 내부가 변한다 public static void main(String[] args) { for (int i = 2; i  간단한 위에서 설명한 외부를 고정하고 내부가 처음부턱 마지막까지 변한다 예제) 다 변한 이후 외부가 변한다  삽입 정렬 :배열을 정렬하는 알고리즘   class Arraysort{ public static void printArray(int[] a){ for (int i = 0; i = 0; cmp--){ if (a[cmp] > temp){ a[cmp..

현재 진행 중인 개인 프로젝트에 직원 정보를 삭제하는 기능을 추가했다 System.out.println("4. 직원 정보 삭제하기"); switch문을 사용하여 사용자가 숫자 4를 입력하면 deleteEmp();  메소드로 이동하게끔 만들었다case 4: deleteEmp();break;  public void deleteEmp(){ System.out.println("정말 삭제하겠습니까? (y/n)"); String yn = sc.nextLine().toUpperCase(); if (!(yn.equals("Y"))) { System.out.println("직원 목록 메뉴로 돌아갑니다. "); empListMenu(); }else { Sy..