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

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

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

CSS background 이미지에 그라데이션 : linear-gradient

최근에 CSS 작업을 하다가, 웹디자이너에게 그라데이션 이미지를 받지 못한 경우가 생겼습니다. 연락하고, 다시 이미지 받는 게 귀찮아서 이걸 CSS로 한번 처리해 보도록 하겠습니다. 기본 설정 linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%) : 결과 확인 .img-wrap { display:block; margin:0; padding:0; width:400px; height:300px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%), url(‘https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2F20120808_237%2Fctho_1344403552973tDyqO_PNG%2F%25C0%25CC%25B9%25CC%25C1%25F6%25BD%25BD%25B6%25F3%25C0%25CC%25B5%25E501.png&type=sc960_832’); } 결과 중간에서 위로 검정 그라데이션 … Read more

PHP 배열(Array) 정렬 방법

PHP 배열 정렬 사용법

PHP 개발 시 많이 사용하는 배열(Array)을 AJAX 통신으로 받거나, DB 조회를 해서 가져오는 걸 그대로 사용할 수 있고, DB 조회의 경우는 ORDER BY로 데이터를 정렬할 수 있습니다. 이번 시간은 배열(Array)만으로 정렬하는 방법을 빠르게 알아보겠습니다. sort, rsort 함수로 정렬하기 sort(오름차순), rsort(내림차순) 함수는 배열의 값을 기준으로 정렬하는 함수입니다. $arr = array(“lemon”, “orange”, “banana”, “apple”); sort($arr); foreach ($arr … Read more

PHP 배열 루프(반복문) 사용법

PHP 배열 루프(반복문) 사용법

PHP에서 배열(Array) 값이 있으면, 루프를 사용해서 목록을 구성할 수 있습니다. 이번 시간에는 루프를 사용하는 방법에 대해서 가볍게 한번 알아보겠습니다. for() 사용법 $arr = array(“HTML”, “CSS”, “WEB”, “JavaScript”, “JAVA”); for( $i = 0; $i < count($arr); $i++ ){ echo “배우고 싶은 것 : “.$arr[$i].”\n”; } // 결과 배우고 싶은 것 : HTML 배우고 싶은 것 : … Read more

PHP 배열(Array) 간편 사용법

PHP 배열 간편 사용법

모든 개발에서 많이 사용되는 부분이 배열(Array)입니다. 배열(Array)이 없는 개발이 있을까요? 그래서, 이번 시간은 PHP에서 배열(Array)을 어떻게 사용하는지 간편한 사용범을 알아보겠습니다. 값이 없는 배열(Array) 선언 // PHP 5.4 이전 버전 $arr = array(); // PHP 5.4 이후 버전 $arr = []; 전 아직 PHP 5.4 이전 버전이 손에 익어요 ^^; 값이 있는 배열(Array) 선언 // PHP … Read more

jQuery CDN을 이용한 사용법

jQuery CDN 사용법

jQuery를 사용하기 위해서는 해당 라이브러리가 필요합니다. 해당 라이브러리를 공식 홈페이지에서 직접 다운로드 받아서 서버에 업로드해서 사용하는 방법이 있습니다. 이번 시간은 CDN을 이용한 방법에 대해서 알아보겠습니다. CDN은 해당 라이브러리를 다운받아서 사용하는 것이 아니라, 공식 홈페이지에서 제공하는 라이브러리 URL을 그대로 사용하는 방법입니다. 장점은 작업하는 홈페이지의 트래픽량을 감소시킬 수 있습니다. CDN URL 찾기 jQuery CDN 공식 홈페이지로 이동하면, … Read more

JavaScript / jQuery 문자열 다루기 : 바꾸기

JavaScript 문자열 다루기 바꾸기

웹 개발자라면 누구나 알고 있는, JavaScript 와 jQuery 이 2가지는 정말 많이 사용하는 라이브러리입니다. 프론트 및 백엔드 개발에 거의 다 사용되고 있으며, 다른 라이브러리로 대체되기도 하자만, 기본 구조는 동일성을 두고 있는 거 같습니다. 그래서, 오늘은 특정한 문자열을 바꾸는 기능에 대해서 알아보겠습니다. replace() 함수로 바꾸기 replace() 함수는 지정된 문자열을 다른 문자열로 바꿔주는 함수입니다. 기본적으로 지정한 문자열이 … Read more

JavaScript / jQuery 문자열 다루기 : 합치기

JavaScript 문자열 다루기 합치기

JavaScript / jQuery 문자열 다루기 : 합치기 웹 개발자라면 누구나 알고 있는, JavaScript 와 jQuery 이 2가지는 정말 많이 사용하는 라이브러리입니다. 프론트 및 백엔드 개발에 거의 다 사용되고 있으며, 다른 라이브러리로 대체되기도 하자만, 기본 구조는 동일성을 두고 있는 거 같습니다. 그래서, 오늘은 문자열을 합치는 기능에 대해서 알아보겠습니다. “+” 연산자를 이용한 합치기 제가 정말 많이 사용했던 … Read more

JavaScript / jQuery 문자열 다루기 : 검색

jquery 문자열 다루기

웹 프로그램 작업을 하다 보면, 정말 많이 사용하는 JavaScript 라이브러리가 있습니다. 그건 바로 JavaScript / jQuery 입니다. JavaScript / jQuery의 많은 기능들 중에 오늘은 문자열에 대해서 몇 가지 알아 보겠습니다. indexOf 함수로 문자열 검색 대부분 문자열을 검색할 때는 indexOf 함수를 많이 사용한다. 문자열이 검색이 되면, 검색된 첫 번째 문자열의 위치를 반환합니다. 정규식을 사용해야 할 경우에는 … Read more

오라클 & 티베로 시노님(synonym) 간편 사용법

오라클 & 티베로 시노님(synonym) 간편 사용법

유지보수 작업을 하다 보면, 보안적인 부분에서 기존 소유자(OWNER)를 숨기기 위해 실제 개발 소스상에는 다른 소유자(OWNER)로 변경해서 사용하는데, 보안적인 부분 외 긴 소유자명을 줄여서 사용하는 경우도 있습니다. 오늘은 시노님(synonym) 생성, 조회, 삭제에 대해서 알아 보겠습니다. 시노님(synonym) 권한부여 GRANT SELECT ON GOODS_DB.TB_GOODS_DETAIL_INFO TO GDB; GOODS_DB 계정으로 접속 후 TB_GOODS_DETAIL_INFO 테이블에 GDB 계정에게 권한을 부여 합니다. 시노님(synonym) 생성 … Read more