Mysql 테이블 컬럼 정보 찾는 쿼리

Mysql 작업을 하다 보면, 테이블 또는 컬럼 정보를 찾아야 할 경우가 간혹 생깁니다. 그런데, DB 접속 후 엑셀로 다운로드 받아서 처리하는 경우 작업이 번거로워 쿼리문 한 번에 Mysql 테이블 컬럼 정보를 찾는 방법을 알아보겠습니다. 조회 테이블 정보 DB명 : information_schema 테이블명 : COLUMNS 컬럼 정보 조회 쿼리 목록 형태 쿼리를 한 번에 뽑아서 초기 데이터 … Read more

jQuery Table Tr 에 Html 태그 추가하기 삭제하기

jQuery Table Tr 에 Html 태그 추가하기 삭제하기

동적으로 테이블에 신규 TR 태그와 INPUT을 넣어서 데이터를 등록/수정하는 경우가 최근 들어 자주 발생하게 되었다. 이런 경우 jQuery의 append(), remove()를 이용해서 멋들어지게 만들어 보자 빠른링크 TR에 HTML 태그 추가하기 TR에 HTML 태그 삭제하기 TR에 HTML 태그 추가하기- append() append()는 맨 뒤에 HTML 태그를 추가하는 기능으로, 그리드가 여러 개 있는 상태에서 하단에 신규로 추가 시 활용하면 … Read more

Mysql Limit 오라클 Oracle ROWNUM 페이징 처리

Oracle 페이징 쿼리

Mysql 에는 LIMIT 를 사용해서 간단히 페이징 쿼리를 만들 수 있지만, 오라클(Oracle) 에서는 LIMIT 를 사용할 수 없습니다. 하지만, ROWNUM을 사용하면 페이징 쿼리를 만들 수 있습니다. 이번 시간은 ROWNUM 사용 방법을 알아보겠습니다. Mysql LIMIT 사용예시 NOTICE 테이블의 최근 등록일순으로 10개만 출력하는 쿼리입니다. SELECT * FROM NOTICE WHERE 1 ORDER BY date DESC LIMIT 0,10 오라클(Oracle) … Read more

오라클 Oracle 문자열 합치기 CONCAT

오라클 Oracle 문자열 합치기 CONCAT

오라클(Oracle) 데이터베이스에서 문자열을 합치기 위해 CONCAT 함수나 연산자를 사용할 수 있습니다. 이를 통해 두 문자열을 결합하거나 열과 문자열을 결합할 수 있습니다. CONCAT 함수 사용법 SELECT CONCAT(‘안녕’, ‘하세요!’) AS MEMO FROM TABLE_NAME; — 결과 : ‘안녕하세요!’ 연산자 사용방법 SELECT ‘010’ || ‘-‘ || ‘1234’ || ‘-‘ || ‘0987’ AS MEMO FROM TABLE_NAME; — 결과 : ‘010-1234-0987’ … Read more

2025년 아이폰17 기대되는 새로운 혁신

Apple의 아이폰 시리즈는 항상 최첨단 기술과 혁신적인 디자인으로 사용자들을 놀라게 했습니다. 2025년에 예정된 아이폰 17은 어떤 새로운 기능과 혁신을 가져올지, 함께 기대해 보겠습니다. 1. 향상된 카메라 기술 아이폰은 항상 최첨단 카메라 기술로 사용자들을 놀라게 했습니다. 아이폰 17에서는 더 나은 로우라이트 성능, 고해상도 사진, 광학 줌 기능의 강화가 기대됩니다. 어떤 순간도 놓치지 않고 아름다운 사진을 담아낼 … Read more

SSL 인증서 발급 안전한 웹 환경을 위한 필수 조건

안녕하세요, 웹 보안에 관심 있는 여러분! 오늘은 SSL 인증서에 대해 알아보겠습니다. SSL 인증서는 웹사이트의 보안을 강화하고 사용자들에게 안전한 환경을 제공하는 데 중요한 역할을 합니다. 1. SSL 인증서란? SSL은 Secure Socket Layer의 약자로, 데이터 전송 과정에서 발생할 수 있는 보안 위협을 방지하는 프로토콜입니다. SSL 인증서는 이 SSL 프로토콜을 이용하여 웹사이트 간의 통신을 암호화하고 보호합니다. 사용자가 웹사이트에 … Read more

CSS flex를 이용해서 li 메뉴바 만들기

Flex를 이용한 페이지 상단의 메뉴바 만드는 방법을 간단히 알아 보겠습니다. 사용된 태그는 <nav>, <ul>, <li>입니다. 나무위키 CSS 바로가기 Html 기본 세팅 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width”> <title>Flex를 이용한 li 메뉴바</title> </head> <body> <div class=”header-wrap”> <div class=”logo-wrap”> <a href=”#”>로고</a> </div> <div class=”menu-wrap”> <ul> <li><a href=”#”>메뉴 1</a></li> <li><a href=”#”>메뉴 2</a></li> <li><a href=”#”>메뉴 3</a></li> … Read more

웹페이지 하단에서 상단으로 부드럽게 이동하는 방법 : jQuery

웹페이지 하단에서 상단으로 부드럽게 이동하는 방법 : jQuery

웹페이지가 길어지면 상단으로 가기 위해 마우스 스크롤이나 키보드의 pageUp 버튼을 사정없이 눌러야 합니다. 이런 불편함을 jQuery의 animate() 함수로 한방에 해결해 보겠습니다. 먼저 jQuery CDN 사용법을 확인해주세요! jQuery CDN을 이용한 사용법 기본 사용법 jQuery CDN 연결 먼저 시켜주시고, 버튼을 하나 만들어 줍니다. <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width”> <title>JS Bin</title> <script src=”https://code.jquery.com/jquery-3.7.0.js”></script> </head> … Read more

CSS 상하좌우 중앙정렬 방법 transform, flex, vertical-align

CSS 중앙정렬 transform flex

CSS 작업 시 상하좌우 중앙정렬을 많이 사용합니다. 특히 높이(height)가 고정일 때와 반응형으로 높이(height)가 변동일 때 사용방법이 좀 다른데요. 이번 시간은 상하좌우 중앙정렬에 대해서 한번 알아보겠습니다. 사용 전 기본 세팅 // HTML <div class=”contents-wrap”> <div class=”txt-wrap”>상하좌우 정렬</div> </div> // CSS .contents-wrap { width: 100%; height: 250px; } .txt-wrap { background-color:skyblue; color:#fff; padding:10px; } transform 사용법 .contents-wrap … Read more

jQuery 클릭 펼침 메뉴 만들기 : slideToggle()

jQuery 클릭 펼침 메뉴 만들기 : slideToggle()

jQuery 라이브러리는 웹 페이지에서 애니메이션 효과를 주는 함수들이 많이 있습니다. 이번 시간에는 그중에서 제 생각에 제일 많이 사용하는 slideToggle()에 대해서 간편하게 사용하는 방법을 알아보겠습니다. 먼저 jQuery CDN 사용법을 확인해주세요! jQuery CDN을 이용한 사용법 기본 사용법 jQuery CDN 연결 시켜주고, div를 안보이게 처리 한 다음, ‘펼침’ 버튼을 클릭 하면 스르륵~ 나타납니다. <!DOCTYPE html> <html> <head> <meta … Read more