jQuery 연결 이벤트 on에 대해 알아보자.
웹>HTML/CSS/JAVASCRIPT
jQuery 에서 사용되는 on 이벤트는 연결 이벤트중 하나로 click, mousedown,keydown 등의 여러 동작 이벤트를 연결하여 처리가 가능하다. 참고로 같은 용도로 사용되는 연결이벤트 bind, delegate, live 등이 있지만 jQuery API 문서내 권고 사항으로 본다면 on 이벤트로 대체해야 추후 높은 버전을 사용하더라도 변경없이···
모바일에 가장 최적화된 스와이프 라이브러리 Swiper API (1편 - 초급)
웹>HTML/CSS/JAVASCRIPT
싸이트를 운영하다보면 멋진 슬라이드 기능을 구현하고 싶을때가 있다. 무작정 JAVASCRIPT 를 이용하여 만들기엔 너무 어렵기 때문에 시중에 오픈된 라이브러리를 이용하게 되는데 그중 모바일에 가장 친화적인 Swiper API가 있다. Swiper API는 업데이트도 꾸준히 되고 있으며 초기에 발생되었던 많은 버그들이 지속적으로 업데이트되어 현재는 거의 완···
JQUERY를 이용하여 만든 마우스 스크롤 이동 이벤트 라이브러리
웹>HTML/CSS/JAVASCRIPT
특정 레이아웃 안에서 스크롤이 생길 시 마우스 스크롤을 일일이 클릭 후 이동하여 화면을 봐야하는 불편함이 있는데 마우스 이벤트를 이용하여 클릭 후 스크롤을 자동으로 이동 시킬 수 있는 방법이 있다. 검색을 해보면 마우스 스크롤 이벤트는 상당히 많이 존재하는데 이를 이용하여 직접 만들 수 도 있지만 우리는 항상 시간이 부족하기때문에 시간이 조금 난김에 아래와···
이미지 확대/축소 JQEURY 라이브러리 - Zoomer
웹>HTML/CSS/JAVASCRIPT
이미지 확대/축소를 할 수 있는 라이브러리는 여러가지가 있다. 다만 보통 찾기가 어려운게 이미지 확대/축소 검색을 단순한 컨트롤을 이용한 확대 축소 라이브러리만 있기때문에 막상 찾기가 어려울때가 있다. 이번에 찾은 라이브러리는 JQUERY 라이브러리 중 하나인 Zoomer 라이브러리로 컨트롤도(+,-) 지원하고 모바일에서는 터치를 통해 확대하고 이동까지 가···
PHP를 이용하여 간단한 사이트맵(sitemap) 을 만들어 보자
웹>PHP 일반
사이트맵은 검색 엔진은 꼭 필요한 사항은 아니지만 그래도 대부분의 검색 엔진 로봇들이 사이트에 담긴 페이지 링크 구조 파악을 위해 사이트맵을 참고하기 때문에 만들어서 넣어두는게 좋다. 사이트맵은 간단하게 보면 사이트에 포함된 링크 연결 관계도를 작성하는건데 유형에 따라 조금 더 복잡할 수 있다. 이번에 소개하는 사이트맵은 기본적인 블로그에서 사용되는 형태이···
PHP의 mcrypt 를 openssl로 대체 (nhnapi-simplecryptlib.php 수정)
웹>PHP 일반
간만에 네이버페이 주문형 결제연동하다가 서버에 mcrypt 함수가 지원이 안되어 모듈 실행시 오류가 발생하는 문제가 생겼다. 해당 서버의 PHP 버전은 7.4 였는데 당장 서버에서 지원이 안되는 관계로 조금 난감하게 되었다. PHP 공식 포럼에는 해당 함수가 7.1 부터 배제되었고 7.2부터는 제거 되었으니 해당 함수에 의존하지 말라고 명시가 되어있었다. ···
PHP의 JSON을 이용한 자바스크립트 변수 활용법
웹>PHP 일반
JSON은 오브젝트 데이터의 직렬화 데이터 기법으로 프로그램에서는 공통 언어로 많이 사용된다. 이는 프로그램 언어가 서로 달라도 하나로 통일하여 소통이 가능하도록 연결해주는 역활을 한다. PHP에서는 배열을 이용하여 json_encode() 함수를 이용한 변환 방식을 주로 사용하는데 이와 함께 많이 쓰이는 serialize() 함수도 있다. serializ···
PHP로 예외처리 후 이동된 페이지에서 에러메시지 띄우기
웹>PHP 일반
웹 사이트를 운영하다보면 사용자 입력 또는 프로그램 처리 시 조건에 맞지 않을 경우 예외처리를 해야한다. 이럴때는 해당 페이지에 스크립트 alert 을 이용하여 에러 메시지를 띄우고 페이지를 이동을 하게 되는데 보기가 좋지 않다. 이럴때 사용할 수 있는 방법은 처리되는 페이지를 ajax 처리 하여 결과를 받게 되는데 페이지 구조상 ajax 처리가 아닌 페이···
[공공데이터포털] 2023년도 ~ 2024년도 공휴일 정보 JSON 데이터 (+ 공공데이터 포털 API 이용 방법)
웹>API/서비스 연동
데이터 처리를 하려다보니 공휴일 정보가 필요했다. 토요일, 일요일이나 법정공휴일은 날짜가 지정되어 있으니 지정할 수 있지만 대체공유일아니 음력기반 공휴일들은 뽑을 수가 없다. 물론 음력기반 공휴일은 검색해보니 있는것같긴 한데 굳이 그렇게 쓸 필요가 있나 싶다. 그렇다고 해마다 달력을 받아서 그때그때 때려 맞춰서 하는 방법은 세상 무식한 방법이고해서 찾아보니···
PHP를 이용하여 만든 기본적인 파일업로드 프로그램
웹>개발테스트/교육
웹 사이트를 운영하다보면 파일업로드 기능을 많이 사용하기도 하지만 직접 구현해야할때도 있다. 이럴땐 여기저기서 예제소스 가져다가 붙이곤 하는데 예외처리가 많이 안되다보니 사용하다 업로드에 문제가 생겼을 시 체크하기가 어렵다. 특히나 파일 업로드 권한이 특정 권한을 가진 유저가 아닌 모든 유저에게 부여된다면 역시나 믿을 수 없다. 하루에도 수백번씩 이상한 방···
PHP 참조 변수 &(엠퍼센트) 연산자
웹>PHP 일반
PHP를 하다보면 간혹 변수앞에 &(엠퍼센트) 부호를 볼 수 가있다. 우리는 언제나 그렇듯 아무생각 없이 그냥 넘어갈때가 있는데 이 부등호는 AND 부등호와는 다르게 주소참조 부등호로 특정 값을 참조할때 사용하는 부등호이다. 조금 더 무식하게 예를 들자면 신용카드를 복제하여 사용할 수 있듯이 기존 변수를 참조시키고 해당 변수값을 변경하면 기존 변수값···
PHP 변수 체크 함수 isset 과 empty
웹>PHP 일반
PHP에서 변수 체크시 많이 쓰는 함수는 isset 과 empty 함수가 있다. 이 두함수 관계는 서로 친척 관계정도로 생각하면 되나 엄밀히 따지면 사용하는 용도가 다르기 때문에 체크해야할 변수 상황에 맞게 써야 한다. isset 같은 경우 변수가 존재하는지에 대한 체크이며 empty 함수의 경우 변수의 값이 비었는지 체크하기때문에 주로 값 필 수 여부 체···
제이쿼리(jQuery) 는 앞으로 발전을 위해 사용하면 안되는 걸까?
웹>HTML/CSS/JAVASCRIPT
간혹 검색을 하다보면 제이쿼리를 사용하지 않겠다는 글들을 많이 볼 수 있다. 또한 글들을 잘 읽어보면 어느정도 맞는 이야기도 많다. 하지만 이미 몸에 익숙해져버린 제이쿼리를 갑자기 버리고 다른걸 사용하자니 어떤것을 배워야 할지 남감하기도 하고 제이쿼리와 연계된 라이브러리들이 너무 많아 고민일때가 있다. 하지만 이러한 이야기도 시대가 변함에 따라 더욱 나오고···
PHP에서 배열은 히어로 변수이면서 괴물같은 녀석이다.
웹>PHP 일반
PHP에서 사용하는 배열은 정말 많은 영역에서 자유롭게 사용이 가능하며 관련되어 지원되는 내장 함수들도 많기때문에 배열처리를 하여 자주 사용하게 된다. 하지만 웹 영역만 접해본 개발자들에게 배열은 그냥 편리한 존재일 수 있지만 C 나 JAVA 처럼 소포트웨어쪽 개발도 접해본사람이라면 PHP 배열을 접했을 시 이게 배열인지 그냥 멀티 저장변수인지 신기할 수 ···
가벼운 롤링 스크립트 API 인 Siema.js 를 사용해보자
웹>HTML/CSS/JAVASCRIPT
여러 사이트를 개발하다보면 롤링 스크립트를 넣어야 하는 경우가 있다. 물론 나는 사이트를 무겁게 만드는 롤링 스크립트들을 좋아하지는 않는다. 하지만 사용자의 보는 눈을 한층 더 즐겁게 만들어 주는 롤링 스크립트는 많은 요청이 있기때문에 여러 롤링 스크립트를 알아 두면 좋다. 오늘 소개할 롤링 스크립트는 Siema 로 상당히 가벼운 롤링 스크립트인것 같아 리···
PHP를 이용하여 로그인과 로그아웃 기능을 구현해보자
웹>개발테스트/교육
이전 편에서 회원가입 기능을 구현해 보았다. 이번 편은 회원가입을 이어서 로그인과 로그아웃 기능을 구현하는 예제이며 간단하게 아이디, 비밀번호 그리고 아이디 저장 기능 까지 구현해 보도록 하자 참고로 본 예제는 이전 편에서 회원가입 구현과 연계되니 이전 포스팅을 미리 확인해야 본 예제를 이용하여 기능 구현이 가능하다. PHP를 이용하여 회원가입 기능을 구현···
PHP를 이용하여 회원가입 기능을 구현 해보자
웹>개발테스트/교육
본 예제를 이용한 회원가입기능을 테스트하기 위해선 웹 서버가 필요하니 참고바라며 본 예제에서는 이러한 내용들은 포함되지 않았으니 소스코드를 참고하여 웹 서버 지원이 되는 곳에서 테스트를 해보기 바란다. 회원가입 서비스를 구현하기 위해선 여러 기능들이 필요하다. 단 모든 기능들을 예제로 표현하기는 어렵기 때문에 이번 편에서는 단순하게 회원 기본정보만을 이용하···
API 인증 서버는 어떤 방식으로 구축해야할까?
웹>API/서비스 연동
API(Application Programming Interface)란 개발하는데 있어 없어서는 안될 소중한 프로그램중 하나이며 이러한 API는 사용 규격서를 습득하고 사용자는 요청을 관리자는 응답을 통해 상호작용하며 작동된다. 때론 응답과 요청을 모두 처리하는 프로그램을 만들어야할때가 있다. 주로 내부에서 사용되는건 각종 서비스 연동일텐데 그중 하나 예를···
PHP를 통한 이미지 업로드 + 미리보기 처리
웹>PHP 일반
이미지업로드는 웹상에서는 많이 사용하는 기능으로 이미지를 업로드 후 PHP를 통해 파일 또는 DB를 통해 주로 저장한다. 이번편에서는 가장 기본적인 파일 업로드 후 PHP를 통해 저장 후 미리보기 프로그램 소스에 대해 알아보도록 하자. 1. 파일생성 FORM 을 작성 | file.php 아래와 같이 file 을 업로드 하는 기능을 가진 form을 생성해 보···
[PHP] 확률에 따른 결과를 추출하는 방식에 대해 알아보자
웹>개발테스트/교육
프로그램 설계시 확률에 따른 결과를 추출해 내는 방식에는 여러 방법이 있다. 확률에 따른 결과를 추출하기 위해선 어떤 것에 의에 확률을 구하냐 이거인데 이번시간에는 간단한 예제 몇가지를 통해 알아보도록 하자. 1. 단순 확률에 따른 결과 추출 방법 예를 들어 게임에서 아이템 강화 확률이 50% 인 프로그램을 짠다면 아래와 같다. <?php /* 아이템···
