1. html 파일 작성 2. css 파일 작성 3. javascript 파일 작성 4. 완성 화면 1. html 파일 작성 - 간단하게 이미지 부분과 밑에 이동할 때마다 표시해 줄 점을 만들어줌 이미지 슬라이드 8/29 //이미지 삽입 //이미지의 갯수 만큼 만들어줘야 함 2. css 파일 작성 - 부트스트랩을 적용했다면 fade 부분이 정상 작동하지 않을 수 있음 * {box-sizing: border-box} body {font-family: Verdana, sans-serif; margin:0} .mySlides {display: none} .slideshow-container img {vertical-align: middle; width: 100%} /* Slideshow container */..
1. 참고 사이트 링크 1. HTML 파일에 코드 추가 2. 완성 화면 0. 참고 사이트 링크 https://navermaps.github.io/maps.js/docs/tutorial-6-map-geolocation.example.html NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io 1. HTML 파일에 코드 추가 var map = new naver.maps.Map('map', { center: new naver.maps.LatLng(37.5666805, 126.9784147), zoom: 10, mapTypeId: naver.maps.MapTypeId.NORMAL ..
1. 제이쿼리 다운로드 2. html 코드 추가 1. 제이쿼리 다운로드 링크 : https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com - compressed production jQuery 3..
1. 네이버클라우드 가입 및 결제수단 등록 2. 콘솔에서 어플리케이션 추가 3. 웹에 지도 표시 4. 완성 화면 1. 네이버클라우드 가입 및 결제수단 등록 - 네이버맵 API는 결제수단을 등록해야 사용이 가능하다 플랫폼 링크 : https://www.ncloud.com/product/applicationService/maps NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 2. 콘솔에서 어플리케이션 추가 - Web Dynamic Map 체크 - Web 서비스 URL에 임시로 loc..
1. 엔티티 생성 2. 레포지토리 생성 및 쿼리문 작성 3. 서비스 작성 4. 컨트롤러 작성 5. html 작성 6. 완성 화면 1. Entity 생성 - 이전 페이지와 다음 페이지의 데이터를 담을 엔티티 작성 파일 경로 : com.mysite.sbb.question/QuestionPage.java @Data @Entity public class QuestionPage { @Id private Integer id; private String PREVID; private String PREV_SUB; private String NEXTID; private String NEXT_SUB; } 2. 레포지토리 인터페이스 생성 및 쿼리문 작성 - LAG 함수 : 기준 데이터의 이전 행의 값을 반환해주는 함수 - ..
SELECT문 INSERT문 UPDATE문 MARGE문 DELET문 COMMIT과 ROLLBACK, TRUNCATE 의사컬럼 연산자 표현식 조건식 1. SELECT문 : 가장 기본적인 SQL문 : 테이블이나 뷰에 있는 데이터 조회 : FROM절 - 어디에서 (WHERE) / SELECT절 - 어떤 데이터를 (WHAT) SELECT * 혹은 컬럼 FROM [스키마.]테이블명 혹은 [스키마.]뷰명 WHERE 조건 ORDER BY 컬럼; 2. INSERT문 : 신규로 데이터를 입력할 때 사용 ① 기본 형태 INSERT INTO [스키마.]테이블명 (컬럼1, 컬럼2, ...) VALUE (값1, 값2, ...); ② 컬럼명 기술 생략 형태 INSERT INTO [스키마.]테이블명 VALUE (값1, 값2, ....
데이터베이스 객체의 종류 테이블 뷰 인덱스 시노님 시퀀스 파티션 테이블 1. 데이터베이스 객체의 종류 데이터베이스 객체 설 명 테이블 데이터를 담고 있는 객체 뷰 하나 이상의 테이블을 연결해 마치 테이블인 것처럼 사용하는 객체 인덱스 테이블에 있는 데이터를 빠르게 찾기 위한 객체 시노님 데이터베이스 객체에 대한 벼칭을 부여한 객체 시퀀스 일련번호 채번을 할 때 사용되는 객체 함수 특정 연산을 하고 값을 반환하는 객체 프로시저 함수와 비슷하지만 값을 반환하지는 않는 객체 패키지 용도에 맞게 함수나 프로시저를 하나로 묶어 놓은 객체 2. 테이블 1) 테이블 생성 CREATE TABLE [스키마.]테이블명 ( 컬럼1 컬럼1_데이터타입 [NULL, NOT NULL], 컬럼2 컬럼2_데이터타입 [NULL, NOT..
