select5 5월 16일 (1) Spring - AJAX DB 연동 setting 1. pom.xml 2. application.properties 3. 폴더 생성 4. services - spring boot 연결 비동기 전송AJAX 단순 데이터(문자열) 전송 데이터 형식 : {"변수명":데이터} - 변수명 부분은 항상 문자열로 작성 - " " 사용 - 데이터 부분은 전송 데이터를 자바스크립트 변수에 넣고 사용할 것으로 추천함 예) 보낼 변수명 - data 보낼 데이터 - 홍길동 let d = "홍길동"'; let sendObj = {"data":d} // dao @Mapper public interface MemberDao { // 입력한 uid로 검색하여 값이 나오는지 확인 @Select("SELECT count(*) FROM usertb1 WHERE uid=#{u.. 2023. 5. 16. 3월 29일 (2) DB - DML UPDATE, SELETE, DB 추가 3) UPDATE SET : 테이블 데이터를 수정, 데이터 갱신 테이블에 삽입된 데이터를 수정하는 명령, 컬럼단위로 수행. 행을 선택하는 조건이 없는 경우 모든 행의 컬럼에 수정 작업을 진행 같이 사용하는 명령어 : SET - '컬럼 = 값' 형식 SET 절의 =은 값을 컬럼에 집어넣어라, WHERE절의 = 은 같다 문법) UPDATE 테이블명 SET 컬럼1 = 변경데이터[, 컬럼2 = 변경데이터, ......] [WHERE 조건]; SELECT * FROM company; -- 농심 담당자 변경 - 최농심(전부변경됨) UPDATE company SET cmanager = '최농심'; ROLLBACK; UPDATE company SET cmanager = '최농심', cphone = '010-7777-9.. 2023. 3. 29. 3월 29일 (1) DB - DML INSERT, DELETE -- 사용자 지정 use dev_db; -- 데이터베이스 영역에 만들어진 테이블 정보 확인 SHOW tables; -- 테이블의 세부 정보 확인(DESC 테이블명) DESC board; DESC member; DML(Date Manipulation Language) - 데이터 조작어 1) INSERT INTO : 테이블에 테이터를 삽입 INTO : 테이블을 지정하는 명령어 VALUES : 입력 데이터를 묶어주는 명령어 문법) 입력할 칼럼을 지정하는 방식 INSERT INTO 테이블명(컬럼1, 컬럼2, ......) VALUES ('데이터1', '데이터2', ........ ) : 데이터 배치 순서는 테이블명 옆 칼럼 순서대로, 쌍으로 이루어져 있어야 한다. 문자열, 일시는 작은따옴표로 감싸주고, 숫자는 .. 2023. 3. 29. HTML 태그 - form 2 (form 태그 안에 사용하는 태그) 가장 많이 사용하는 유형, 따로 게시! 여러 양식 요소에 대한 레이블을 정의, 스크린 리더 사용 시 입력 요소에 포커스를 둘 때 라벨을 소리내어 읽어준다. 드롭 다운 목록을 정의한다. Choose a fruit: apple banana peach melon 속성 값 selected 기본적으로 드롭다운 목록의 첫 번째 항목이 선택되는데, 위의 예시에서는 apple 이 기본값, 처음에 보여주는 값을 정의하려면 보여주고 싶은 항목에 selected속성을 추가하면 됩니다. Choose a fruit: apple banana peach melon size 표시되는 값의 수를 지정한다. Choose a fruit: apple banana peach melon 여러 줄 입력 필드(텍스트 영역)를 말한다. 우리집 강아.. 2023. 3. 8. 2월 23일 (1) CSS clear, selector1 복습 + 추가 설명 @import 전처리 사용자가 작성한 코드를 처리하기 전에 미리 처리되어 준비된 부분 cross origin 두 개의 서버, 보안이 취약하기 때문에 기본적으로는 허용하지 않는다. 요즘은 float 보다는 flex를 많이 쓴다. float 이어서~ clear 속성 : float 속성이 설정된 요소의 float 속성을 제거 방향에 맞추어서 제거해야 한다. 속성값 left - float : left;를 제거 right - float : right;를 제거 both : 둘다 제거 box1 box2 box3 box4 box5 팁) clear로 float 효과를 제거하는 것보다, div로 영역을 분할하여 부분별로 float 속성을 넣는 것이 조절하기 쉽다. Selecor 2 (가상 선택자와 조합.. 2023. 2. 23. 이전 1 다음
