본문 바로가기

반응형

분류 전체보기

(144)
2024.08.29.JS - jQuery 사용하기 https://jquery.com/ jQueryWhat is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.jquery.com1. 다운로드 후 저장해서 사용 (다운로드 후 원하는 페이지에 다운로드 주소를 넣으면 됨.)2.CDN 활용하기 (코드 복사하여 원하는 페이지에 붙여서 사용함.* ready() 메서드 활용하기..
2024.08.28.JS - 날짜 * Date 객체- 날짜 및 시각 정보를 관리하는 객체 - 제공되는 다양한 메서드를 통해 날짜 및 시각 정보 확인 및 처리 가능- new Date() 형식으로 Date 객체 생성 후 메서드 호출을 통해 처리  1.new Date() : 현재 시스템(클라이언트 = PC)의 현재 날짜 및 시각정보를 기준으로 Date 객체 생성    let date1 = new Date();    document.write(date1 + ""); // 화면 : Wed Aug 28 2024 15:56:49 GMT+0900 (한국 표준시)                                                                   // 세계 날짜 및 시각 표준 표기법으로 출력됨.   2. new date..
2024.08.27.JS - 카카오우편번호 API 사용하기 카카오우편번호 API 사용하기https://postcode.map.daum.net/guide  Daum 우편번호 서비스우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.postcode.map.daum.net 위의 주소에 가서 스크립트 코드를 복사하여 가지고 온 후에 주소검색 버튼 onclick 함수(openAddr)에 연결 시켜준다. 주소검색창 주소 주소검색  홈페이지에서 조금 아래로 내려가면 속성값을 가지고 올수있게 항목 이름들을 표로 만들어 놨다.  나는 우편코드(zonecode)와 기본주소(address), 건물명(buildingName)만 사용해 보겠다.
2024.08.27.JS - 셀렉트박스 * 셀렉트박스 값 가져오기. 사과 포도 바나나 과일을 선택하세요 사과 딸기 바나나 window.onload = function() { // 전송버튼(submit)이벤트 핸들링 => 해당폼의 onsubmit 속성 활용하여 submit 이벤트로 핸들링 document.fr.onsubmit = function() { // 현재 셀렉트박스 선택항목이 "과일을 선택하세요"일 겨우 // "과일 선택 필수!" 경고창 출력하고 셀렉트 박스에 포커스 요청 // 1. 셀렉트박스 value 속성값이 널스트링("")인지 판별하기 if(document..
2024.08.29. 트랜잭션, 트랜잭션 제어어(TCL) * 트랜잭션과 트랜잭션 제어어(TCL)* 트랜잭션이란? 하나의 논리적인 작업단위- 하나이상의 DML이 모여서 하나의 트랜잭션이 구성됨.- 트랜잭션제어어(TCL)  1. commit : 변경작업을 저장  2. rollback : 변경작업을 취소  3. savepoint : 트랜잭션 진행 중 되돌아갈 지점(기점)- 첫번째 DML이 시작되면 새려운 트랜잭션이 시작됐구나 생각하면된다. 내가 select하면 임시데이터를 보여주고 다른 사람은 원본 데이터를 보게됨. 내가 commit을 하면 임시가 아니라 모든 사람이 수정데이터를 보게됨. commit 하고나면 돌이킬 수 없다.- 워크벤치에 Auto-commit transaction 기능이 켜져있다. 그럼 DML이 시작디자마자 오토커밋이 바로 시작되면서 명령어 하나에..
2024.08.28. 데이터조작어(DML) - insert, update, delete * 데이터 조작어(DML)란?- 테이블에 데이터를 삽입, 수정, 삭제하는 명령어- DML의 종류 : insert, update, delete (1) 데이터 삽입(insert) [문법] insert into 테이블명 [(컬럼1, 컬럼2, 컬럼3, ...)]  values (값1, 값2, 값3, ...); - insert 작업시 테이블명 뒤에 컬럼리스트를 생략한 경우에는 values 절 뒤에 기본컬럼 순서대로 모든 값을 나열해야한다.- insert into 에서 컬럼명 생략하는 경우 : values에서 desc나 select * 실행시 나오는 컬럼순서대로 모두 작성해야한다.- insert 작업시 테이블명 뒤에 컬럼리스트를 작성한 경우 : values의 값 리스트와 순서/개수 등이 일치해야 함.- insert..
2024.08.30.CSS - 박스모델(블럭요소,인라인요소,그림자효과) * 박스모델(box model)- 블럭요소(block element)와 인라인요소( inline element)가 있다. 1. 블럭요소(block element) : 자신만의 너비(width), 높이(height)를 가진다. - 자동으로 줄바꿈이 일어나는 태그- 너비(width)를 줄여도 한줄을 다 차지하는 것은 똑같다. 2. 인라인 요소(inline element) : 줄바꿈이 일어나지 않는 태그. - 자신만의 너비와 높이를 가질 수 없다.(입력되어 있는 내용 너비만큼만 공간을 차지할 수 있다.)-  span은 width, height가 아예 먹히질 않음. 글자만큼만 자리를 차지함. (span을 div에 담아서 사용)  * box-sizing: content-box; / box-sizing: borde..
2024.08.27. 생성자, this * 이클립스 : 생성자 자동 생성 단축키 : Alt + Shift + S -> O * 생성자 :- 클래스의 세번째 구성요소.(1. 멤버변수 인스턴스 생성 시 최초로 사용된다.- 생성자는 인스턴스를 생성(new 객체)하면 호출된다.  - 생성자를 아무것도 정의 하지 않으면 컴파일러에 의해 자동으로 기본 생성자가 생성됨. - 기본생성자: 파라미터 없음,중괄호 블록내에 아무 코드도 없음 => 아무것도 전달받지 않으며,아무 작업도 수행하지 않음. public class Ex1 { public static void main(String[] args) { new Person(); // 이거만 해도 생성자가 호출되면서 syso가 찍힌다. }}class Person { //멤버변수 String name; ..

반응형