본문 바로가기

반응형

전체 글

(153)
2024.09.02. 제약조건. alter. * tabld에 선언된 제약조건 조회하는 방법  * primary key 조합값에 선언하기 - pk는 테이블당 한번만 한번만 선언할수있지만 하나만 선언하는 것이 아니다.    => 여러컬럼의 조합값에 pk 선언가능하다.- 조합값에 pk를 선언할때는 무조건 테이블레벨의 문법을 사용해야한다.* foreign key - 컬럼2개의 조합값에 fk 선언을 해야한다. (그러면 부모컬럼도 조합값을 참조해야한다.)- mysql 에서는 fk만 테이블 레벨 문법을 애용하고, 나머지 제약조건들은 컬럼레벨의 문법을 많이 활용한다.- 외래키 제약조건으로 자기 자신 테이블이나 다른 테이블의 특정 컬럼(pk, uk)을 참조하는 제약조건- fk 제약조건이 선언된 컬럼 : 자식 컬럼- fk 제약조건이 참조하는 컬럼 : 부모 컬럼- 자..
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..

반응형