Programming43 CSS 테두리만 있는 말풍선 그리기 배경색이 없고 border만 있는 말풍선 그리기 CSS입니다. .bollom { position: relative; padding: 10px 10px 10px 10px; background: #FFFFFF; border-radius: 5px; border: #7F7F7F solid 1px; position: absolute; font-size: 16px; text-align: left; width: 200px; height: 100px; } .bollom:after { content: ''; position: absolute; border-style: solid; border-width: 0 16px 20px 17.5px; border-color: #FFFFFF transparent; display: b.. 2021. 10. 10. [Oracle] 오라클 인덱스(Index)와 자동 인덱싱 인덱스(Index) 란? Index는 데이터 베이스에서 데이터를 빠르게 조회하고 위한 데이터베이스 검색 기술입니다. SELECT를 통해 데이터를 조회할 때는 FULL SCAN을 통해 모든 데이터를 읽어오는 반면에 Index를 이용하면 Index를 비교하여 일치하는 데이터만을 읽어오기 때문에 속도가 향상됩니다. 인덱스(Index) 생성 CREATE INDEX [인덱스명] ON [테이블명](컬럼1, 컬럼2, 컬럼3, .......) 인덱스(Index) 조회 SELECT * FROM USER_INDEXES 인덱스는 USER_INDEXE 시스템 뷰에서 조회할 수 있습니다. 인덱스(Index) 삭제 DROP [인덱스 명] 인덱스(Index)가 불필요한 경우 데이터가 수천 건 미만인 경우에는 FULL SCAN의 시.. 2021. 10. 4. [스프링 프레임워크]게시판 만들기 #3 : DB 테이블 생성 및 게시판 목록 본 포스팅은 스프링 프레임워크를 이용하여 기본적인 게시판을 만드는 방법을 설명합니다. 기본적인 내용은 지난 포스팅을 참고해주시기 바랍니다. 2021.07.10 - [Spring] - [스프링 프레임워크] 게시판 만들기 #2 : Spring과 오라클 DB 연동 및 데이터 베이스 셋팅 [스프링 프레임워크]게시판 만들기 #2 : Spring과 오라클 DB 연동 및 데이터 베이스 셋팅 본 포스팅은 스프링 프레임워크를 이용하여 기본적인 게시판을 만드는 방법을 설명합니다. 기본적인 프로젝트 세팅에 대한 내용은 지난 포스팅을 참고해주시기 바랍니다. 2021.07.05 - [Spring] - [스 hyunipad.tistory.com 2021.07.05 - [Spring] - [스프링 프레임워크]게시판 만들기 #1 :.. 2021. 8. 7. [Oracle] 오라클 조인(JOIN) 사용법 정리(INNER JOIN, LEFT JOIN, RIGHT JOIN, FULL JOIN) JOIN 이란? JOIN은 SELECT를 통해 테이블에서 데이터를 가져올 때, 두 개 이상의 테이블에서 조인 조건을 만족하는 행을 반환하는 구문입니다. 대게 필요한 데이터가 두 개 이상의 테이블에 나눠져 있을 때 조인을 통하여 데이터를 합쳐서 가져올 때 사용합니다. JOIN의 사용 예시 INNER JOIN SELECT [테이블명1.컬럼1], [테이블명1.컬럼2], [테이블명2.컬럼1] .... FROM [테이블명1] JOIN [테이블명2] ON [테이블명1].[컬럼] = [테이블명2].[컬럼] WERER [조건1] 테이블 COUNTRY와 테이블 CITY를 JOIN 하여 ON 조건절에 따라 COUNTRY.Code와 CITY.CountryCode가 일치하는 데이터들을 합쳐서 가져옵니다. INNER JOIN은.. 2021. 7. 26. [스프링 프레임워크]게시판 만들기 #2 : Spring과 오라클 DB 연동 및 데이터 베이스 셋팅 본 포스팅은 스프링 프레임워크를 이용하여 기본적인 게시판을 만드는 방법을 설명합니다. 기본적인 프로젝트 세팅에 대한 내용은 지난 포스팅을 참고해주시기 바랍니다. 2021.07.05 - [Spring] - [스프링 프레임워크] 게시판 만들기 #1 : 프로젝트 생성 및 세팅 [스프링 프레임워크]게시판 만들기 #1 : 프로젝트 생성 및 셋팅 본 포스팅은 스프링 프레임워크를 이용하여 기본적인 게시판을 만드는 방법을 설명합니다. 안녕하세요. 이번 포스팅은 Spring Framework를 이용하여 게시판 만드는 방법을 설명합니다. Spring Framework hyunipad.tistory.com 이번 포스팅은 Oracle을 연동하고 데이터베이스에 게시판 테이블을 생성하는 방법을 설명합니다. 그전에 pom.xml에.. 2021. 7. 10. [스프링 프레임워크]게시판 만들기 #1 : 프로젝트 생성 및 셋팅 본 포스팅은 스프링 프레임워크를 이용하여 기본적인 게시판을 만드는 방법을 설명합니다. 안녕하세요. 이번 포스팅은 Spring Framework를 이용하여 게시판 만드는 방법을 설명합니다. Spring Framework를 간단하게 설명하자면 아래의 4가지의 특징이 있습니다. IOC(제어 반전 컨테이너) : 스프링을 가장 핵심기능으로 자바의 반영을 이용하여 객체의 생명주기를 관리하고 의존성 주입을 통해 각 계층이나 서비스들 간의 의존성을 맞춰준다.(Maven을 통해 라이브러리를 관리하는 것) AOP(관점 지향 프로그래밍) : 기능들을 모듈로 분리하여 서로 조합하여 사용 MVC 패턴 배치 프레임워크 : 대용량 데이터를 처리하는 데 쓰이는 일괄처리(Batch Process)을 지원하는 배치 프로그래밍 지원 Sp.. 2021. 7. 5. [Android] FCM(Firebase Cloud Message) 서버에서 메시지 보내기 본 포스팅은 주제 메시지를 기반으로 한 서버 구현 방법을 설명합니다. 기본적은 앱 설정과 주제 메세징은 이전 포스팅을 참조해주시기 바랍니다. 2021.03.24 - [Android] - [Android] FCM(Firebase Cloud Messaging), 클라우스 메시징 [Android] FCM(Firebase Cloud Messaging), 클라우스 메시징 본 포스팅은 안드로이드 스튜디오에서 FCM(Firebase Cloud Messsaging)를 사용하기 위한 방법을 설명합니다. 보다 자세한 내용은 https://firebase.google.com/docs/cloud-messaging?hl=ko를 참조해주시기 바랍니.. hyunipad.tistory.com 2021.03.24 - [Android].. 2021. 3. 25. [Android] FCM(Firebase Cloud Messaging) 주제 메시징 본 포스팅은 FCM(Firebase Cloud Messaging)의 주제 구독 및 주제로 메시지 보내는 방법을 설명합니다. 기본적인 앱 설정과 테스트 메시지 전송은 앞선 포스팅을 참조해주세요. 2021.03.24 - [Android] - [Android] FCM(Firebase Cloud Messaging), 클라우스 메시징 [Android] FCM(Firebase Cloud Messaging), 클라우스 메시징 본 포스팅은 안드로이드 스튜디오에서 FCM(Firebase Cloud Messsaging)를 사용하기 위한 방법을 설명합니다. 보다 자세한 내용은 https://firebase.google.com/docs/cloud-messaging?hl=ko를 참조해주시기 바랍니.. hyunipad.tisto.. 2021. 3. 24. [Android] FCM(Firebase Cloud Messaging), 클라우스 메시징 본 포스팅은 안드로이드 스튜디오에서 FCM(Firebase Cloud Messsaging)를 사용하기 위한 방법을 설명합니다. 보다 자세한 내용은 https://firebase.google.com/docs/cloud-messaging?hl=ko를 참조해주시기 바랍니다. FCM(Firebase Cloud Messaging) 파이어 베이스 클라우드 메시징은 메시지를 안정적으로 전송할 수 있는 크로스 플랫폼 메시징 솔루션입니다. FCM을 사용하여 클라이언트 앱에 메시지를 전송하여 사용자를 유지하고 재참여를 유도할 수 있습니다. 메시지는 최대 4KB의 페이로드를 클라이언트 앱에 전송할 수 있습니다. 주요 기능 알림 메시지 또는 데이터 메시지 전송 다양한 메시지 타겟팅 클라이언트 앱에서 메시지 전송 Android.. 2021. 3. 24. 모달창 중앙정렬 하기 모달창 안의 레이어를 화면 크기에 상관없이 중앙에 배치하는 CSS position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 2021. 2. 18. 이전 1 2 3 4 5 다음 반응형
