투케이2K

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : JavaScript [소스 코드] ​ 사용자 나이 투케이 29 TWOK 30 [결과 출력] ​

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery ​ [소스 코드] ​ ​ 학번 이름 학과 20001 홍길동 전자공학과 20002 투케이 컴퓨터공학과 [결과 출력] ​ ​

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery ​ [소스 코드] ​ ​ 학번 이름 학과 20001 홍길동 전자공학과 20002 투케이 컴퓨터공학과 [결과 출력] ​ ​

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery ​ [소스 코드] ​ ​ 학번 이름 학과 20001 홍길동 전자공학과 20002 투케이 컴퓨터공학과 [결과 출력] ​

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery ​ [소스 코드] ​ ​ 학번 이름 학과 20001 홍길동 전자공학과 20002 투케이 컴퓨터공학과 [결과 출력] ​

[개발 환경 설정] ​ 개발 툴 : Toad 개발 언어 : Oracle ​ [소스 코드] ​ /* ----------------------------------------- 여러개 (다중) 테이블 COUNT 행 개수 조회 수행 방법 ----------------------------------------- 1. COUNT : 그룹함수로 행 개수를 조회할 수 있습니다 ----------------------------------------- 2. 로직 : select 절에서 서브쿼리를 작성해 다중 테이블 행 카운트를 수행 합니다 ----------------------------------------- */ -- [select 절 서브쿼리 수행] select (select count(*) from test..

[개발 환경 설정] ​ 개발 툴 : SSMS 개발 언어 : MSSQL [소스 코드] ​ /* -------------------------------------- [요약 설명] -------------------------------------- 1. CREATE TABLE : 테이블 생성을 실시합니다 -------------------------------------- 2. NOT NULL : 컬럼 데이터 삽입 및 수정 시 NULL 값을 허용하지 않습니다 -------------------------------------- 3. PRIMARY KEY 제약 조건을 설정하면, 해당 필드는 NOT NULL과 UNIQUE 제약 조건의 특징을 모두 가집니다 ------------------------------..

[개발 환경 설정] ​ 개발 툴 : Heidi 개발 언어 : Mysql [소스 코드] ​ /* -------------------------------------- [요약 설명] -------------------------------------- 1. alter table 구문을 사용해 테이블 속성을 변경할 수 있습니다 -------------------------------------- 2. 컬럼 추가 : alter table [테이블명] add column [추가할 컬럼명] [타입] [조건] 형태입니다 -------------------------------------- 3. AFTER : 기존에 생성된 특정 컬럼 뒤에 새로운 컬럼을 추가합니다 ------------------------------..

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [소스 코드] ​ {{ item }} [결과 출력] ​

[개발 환경 설정] ​ 개발 툴 : Toad 개발 언어 : Oracle [소스 코드] ​ /* [insert into values select 사용해 테이블 전체 데이터 복사 (copy) 실시] 1. insert 문은 특정 테이블에 데이터를 삽입해줍니다 2. 전체 데이터 삽입 문법 : insert into 테이블 values (데이터); 3. ex : COPY 테이블에 원본 테이블 데이터를 넣기 위해서는 컬럼 개수 , 타입이 일치해야합니다. */ -- [TEST_USER 원본 테이블 데이터를 COPY 테이블에 삽입합니다] INSERT INTO TEST_USER_COPY SELECT * FROM TEST_USER; [결과 출력] ​

[개발 환경 설정] ​ 개발 툴 : SSMS 개발 언어 : MSSQL [소스 코드] ​ /* [테이블 변수 선언 및 while 반복문 구문을 사용해 테이블 조회 결과 출력 실시] 1. declare begin end - PL/SQL 기본으로 쿼리, 문법을 실행할 수 있습니다 2. declare [선언부] - 변수, 상수를 선언할 수 있습니다 3. begin [실행부] - 제어, 반복문, 함수 등 다양한 로직 기술을 실행합니다 4. end [종료부] - 실행된 로직의 종료를 선언합니다 5. set [할당] - 선언한 변수에 값을 할당할 수 있습니다 6. print [출력] - 결과물을 출력할 때 사용합니다 7. while - 지정한 단계 만큼 반복문을 수행할 수 있습니다 */ DECLARE -- [임시 테..

[개발 환경 설정] ​ 개발 툴 : SSMS 개발 언어 : MSSQL [소스 코드] ​ /* [CREATE TABLE 사용해 테이블 생성 실시] 1. VARCHAR, INT 등 컬럼 타입 및 NOT NULL 제약 조건 지정합니다 2. 테이블 생성 후 >> 옵션 변경은 ALTER TABLE을 사용해 변경할 수 있습니다 */ CREATE TABLE TEST_USER ( T_IDX VARCHAR(5) NOT NULL, T_NAME VARCHAR(20) NOT NULL, T_SEX VARCHAR(20) NOT NULL, T_AGE VARCHAR(20) NOT NULL, T_DEPT VARCHAR(50) NOT NULL, T_PHONE VARCHAR(50) NOT NULL, T_ADDR VARCHAR(50) NO..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] ​ [vertical-align: top] [text-align: center] p 태그 텍스트 vertical-align: top; 속성 값은 수직 (세로) 방향 기준으로 위쪽에 정렬을 실시합니다. p 태그 text-align: center; 속성 값은 수평 (가로) 방향 기준으로 텍스트 중앙 정렬을 실시합니다 [vertical-align: middle] [text-align: center] p 태그 텍스트 vertical-align: middle; 속성 값은 수직 (세로) 방향 기준으로 중앙에 정렬을 실시합니다. p 태그 text-align: center; 속성 값은 수평 (가로) 방향 ..

[개발 환경 설정] ​ 개발 툴 : Heidi 개발 언어 : Mysql [소스 코드] ​ /* [create table , drop table 사용해 테이블 생성 및 삭제 실시] 1. CREATE TABLE : 테이블 생성을 실시합니다 2. DROP TABLE : 테이블 삭제를 실시합니다 3. 테이블 생성 예시 : CREATE TABLE [테이블 명] ( [컬럼명칭] [데이터 타입] [제약 조건 - 다중 가능] ); 4. 테이블 삭제 예시 : DROP TABLE [테이블 명] [제약 조건] */ /*[테이블 생성]*/ CREATE TABLE TEST_USER ( T_IDX VARCHAR(5) NOT NULL, T_NAME VARCHAR(20) NOT NULL, T_SEX VARCHAR(20) NOT NU..

[ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] ​ 번호 이름 나이 [결과 출력] ​ [요약 설명] ​ 1. table : 테이블 속성을 설정합니다 2. thead-dark : 테이블 헤더 속성을 설정합니다 3. dyn_tbody : 동적으로 테이블 데이터를 생성합니다 (자바스크립트 확인 필요) 4. Pagination : 쪽수 매기기 의미로 여러 페이지에 걸쳐 있음을 나타냅니다 5. justify-content : 페이징 레이아웃을 중앙 정렬을 실시합니다 6. 부트스트랩 공식 사이트 : https://getbootstrap.com/docs/4.1/content/typography/ Typography Documentation and..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : inteli j 개발 언어 : spring /* =========================== */ ​ /* =========================== */ [폴더 및 파일 추가] ​ ​ ​ ​ ​ ​ ​ ​ ​ /* =========================== */ ​ /* =========================== */ [소스 코드 : application.yml] spring: devtools: livereload: enabled: true datasource: driver-class-name: oracle.jdbc.OracleDriver url: jdbc:oracle:thin..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : inteli j 개발 언어 : spring /* =========================== */ ​ /* =========================== */ [폴더 및 파일 추가] ​ ​ ​ /* =========================== */ ​ /* =========================== */ [소스 코드 : model >> Insert_Table_Model] package com.project.solutionpackage.model; import lombok.Data; @Data public class Insert_Table_Model { /** * [클래스 설명] * 1..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 안녕하십니까! 만나서반갑습니다 /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정..