인기글
-
CSS
CSS : 요소 및 레이어 중앙정렬 방법
퍼블리싱을 진행하다보면 레이어를 가운데정렬 할 일이 빈번하게 일어나는데요, 텍스트의 중앙정렬은 text-align 이나 line-height 를 이용하지만 레이어 중앙정렬은 어떻게 해야할까요? 하단에보이는 박스로 예시를 보여드리겠습니다. BOX position:absolute 와 margin 마이너스값 을 이용한 방법 우선, 가장 일반적이면서 간단한 방법입니다. 60px 이라는 정사각형 박스라고 가정하에 부모요소인 wrap 에 position: relative 로 기준을 잡고, 박스에 position: absolute 를 50% 씩 걸면 좌표의 기준이 박스 상단으로 잡히기때문에 기준점은 박스 상단을 기준으로 정렬이되어 중앙정렬이 되지않습니다. 이러한 경우에는 margin 값으로 박스의 절반만큼 마이너스 ..
-
TIP
highlight.js : 코드 구문강조 플러그인
1.소개highlight.js 는 코드 구문강조 를 위한 플러그인 이며 자바스크립트로 작성된 코드작성용 라이브러리 입니다. 많은언어와 다양한 스타일을 제공하며 자동으로 언어를 감지해주고 130개의 언어와 79개의스타일을 제공하며 자동으로 사용된 코드 구문을 찾아 알맞은 스타일로 표현해줍니다.176 languages and 79 stylesautomatic language detectionmulti-language code highlightingavailable for node.jsworks with any markupcompatible with any js framework 2.사용법사용방법은 두가지가있습니다. 홈페이지를 통해 무료로 다운받아 업로드하는방식, 또는 CDN(Contents Delivery ..
-
My SQL
테이블에서 데이터 검색
1. SELECT, FROM 기본적으로 원하는 테이블의 데이터를 불러오는 명령어EX) SELECT * FROM sample1 SELECT: 데이터를 읽어오는 DML 명령*: 모든 열을 선택하는 명령으로 “*” 위치에 특정 열을 선택하는 것도 가능함 FROM: 처리 대상 테이블을 지정하는 키워드sample1: 테이블 명-> sample1 테이블의 모든 열을 읽어오는 명령표형식의 데이터는 행, 열, 셀로 구성되어 있으며, 행은 모두 동일한 형태로 되어 있으며, 행의 옆으로 열이 나열되고, 각 열마다 이름 지정되어 있음. 행과 열이 만나는 부분을 셀이라하며 데이터값이 저장되어 있음.열의 데이터는 자료형으로 분류할 수 있으며 하나의 열은 하나의 자료형만 가질 수 있다.NULL: 아무 것도 저장되어 있지 않은 데..