JAVASCRIPT&JQUERY 를 이용한 FORM의 submit 제어
웹>HTML/CSS/JAVASCRIPT
작업을 하다보면 FORM 은 입력형태가 있는 페이지에서 많이 사용이된다. 요즘은 AJAX 를 통해 처리하기때문에 FORM 데이터가 흐름도가 기본형태를 많이 벗어나지만아직까지는 기본형태를 통해 많이 사용되기 때문에 반드시 숙지하고 가는게 좋다. 일반 FORM 연결 <form id="form" method="post"> <input type="···
에디터 2차 변경 최종 완료 2/10 - Tinymce 에디터로 변경
웹>HTML/CSS/JAVASCRIPT
이번에 에디터를 또 변경하였다. 변경된 에디터는 Tinymce 5 버전대로 스팩은 현존하는 웹 에디터중 최상급으로 생각한다. 이전에 사용했던 에디터는 다음 에디터였는데 티스토리 블로그와 동기화해볼 목적에서 사용했는데 어느날 티스토리 들어가보니 에디터가 Tinymce 로 변경이 되어있는게 아닌가... 할 수 없이 나도 에디터를 다운로드 후 커스텀까지 해서 3···
[PHP] 사용자 정의 함수 1개로 여러개의 메소드를 사용하는 서포트 함수 | method()
웹>PHP 서포트함수
글제목 선정이 조금 어려웠는데 말 그대로 사용자 정의 함수 1개를 선언하여 여러개의 함수를 재정의 후 사용할 수 있는 서포트 함수다. 나같은 경우 예전에 클래스로 컨트롤러 작업을 하다가 함수형태로도 사용하면 좋을 것 같아 따로 만들어서 계속 사용중이다. 아래는 method 함수와 예제이니 참고하여 사용하면 된다. method 함수 // method 함수 i···
[JS] 전체 페이지 스크롤 라이브러리 - 개발중
웹>HTML/CSS/JAVASCRIPT
최근 스크립트를 많이 다루다 보니 라이브러리를 만들고 싶은 욕심이 생겼다. 개인적으로 순수 JAVASCRIPT 는 깊게 들어가면 잘 다루지 못하여 JQUERY 라이브러리를 통해 개발을 진행중이다. 이번에 개발중인 스크립트 같은경우 fullpage 스크립트와 같은 전체 페이지를 스크롤 하는 기능이다. 현존하는 비슷한 스크립트 중에서는 아래의 사이트가 가장 완···
[다음에디터] 다음에디터로 일괄 변경작업 완료!
웹>HTML/CSS/JAVASCRIPT
최근들어 포스팅 쓰기가 너무 힘들어서 기존에 쓰던 에디터 자체를 변경하였다. 기존에 쓰던건 썸머노트(https://summernote.org/) 로 여러가지 커스텀하고 적용하기가 쉬워서 쓰긴했는데, 몇가지 고질적인 문제가 있어 이참에 다음에디터로 갈아타보았다. 솔직히 그나마 많이 만져본 네이버 스마트에디터로 가볼까 고민도 했었지만, 과거 티스토리 블로그 운···
나온지는 오래됬지만 내가 본 하이틴 영화중 최고의 감동을 준 영화! 영화 - 내가 널 사랑할 수 없는 10가지 이유 (1999) 이 영화를 본지는 꽤 오래 지났지만, 유튜브에서 리뷰로 보니 다시 그때 기억이 떠올라 새로웠다. 역시 언제봐도 내 마음마저 젊어 지는 느낌이 든다. 중간중간 코믹요소도 많이 포함되어 있고, 감동도 있어서 그런지 웃으면서 볼 수 있···
[JAVASCRIPT] 파일 업로드시 이미지를 제어
웹>HTML/CSS/JAVASCRIPT
이미지 파일 업로드는 다방면에서 많이 사용되고 있으며, 기능만 잘 활용한다면 상당히 멋진 이미지 업로드 프로그램을 만들 수 있다. 나같은 경우 이미지 업로드 시 자바스크립트단에서 FileReader 를 통해 투명하게 미리 보여주고 서버단에서 압축 & 리사징 후에 다시 클라이언트단으로 와서 미리보기 이미지의 투명도를 없애는 방식으로 로딩을 구현했었다.···
CentOS 에서 SFTP사용 시 연결이 지연(느림) 현상
서버>Linux
말그대로 SFTP 사용시 연결이 지연(느림)되는 현상이다. 내부 테스트 서버 구축중에 FTP 이외 SFTP 를 구축중에 발생된 문제로 몇일동안 스트레스를 받았던 문제였다. 하지만 해결 후 발견된 원인은 허무감만 안겨주었다. 아마도 서버 설정에 따라 다른문제 일 수 있으나 나같은 경우 어떠한 방법으로도 속도가 개선되지 않았다. 특이한건 최초 생성한 계정을 제···
PHP 에서 GET,POST 변수처리 보안
웹>PHP 일반
PHP의 경우 변수가 정말 개방적이다. 때론 개방적이다 못해 해커로 부터 공격당하기 좋은 환경또한 제공해 준다. 과거 프로그램들을 보면 GET, POST 를 변수화 시켜서 사용하거나 php.ini 에서 변수화 설정을 통해 사용하기도 했었다. 이러한 방법은 편리하긴 하나 보안의 취약점이기도 하다. 현재와서는 함수 또는 클래스화 하여 처리하고 있지만 PHP만 ···
javascript 를 통한 load 이벤트 등록방법 2가지
웹>HTML/CSS/JAVASCRIPT
기본적으로 자바스크립트를 통해 load 이벤트를 처리하는 방법중 가장 보편적으로 사용되는 방식은 아래와 같이 두가지가 있다. <script> // 방법1 window.addEventListener('load', function() { }); // 방법2 window.addEventListener('DOMContentLoaded', function···
웹 소켓 서버(Websocket) - 자바스크립트 Websocket 이용한 간단한 채팅 프로그램 예제
웹>PHP 일반
자바스크립트에서 공식적으로 제공되는 Websocket 객체는 클라이언트 와 서버 간 데이터를 주고 받을 수 있도록 연결 스트림을 만들어 주는 기술로 일반 소켓통신은 서버간 통신였다면 웹 소켓은 클라이언트 to 서버간 통신으로 볼 수 있다. 그렇다고 해서 클라이언트만 이용가능한건 아니며 서버간 통신도 가능하지만 서버간 통신이라면 굳이 복잡한 웹 소켓을 보단 ···
웹 소켓 서버(Websocket) - PHP Ratchet 라이브러리 설치 및 실행
웹>PHP 일반
PHP를 통해 웹 소켓을 하기 위해선 소켓 서버가 있어야한다. 당연하게도 우리는 웹 소켓 프로그램을 만들기엔 오랜시간이 걸리고 어쩌면 영영 못만들 수 있다. 그래서 제공되는 라이브러리를 사용해야 하며 라이브러리는 Composer를 통해 쉽게 관리할 수 있다. 우선 들어가기 앞서 Composer 설치가 안되어 있을 경우 진행할 수 없으니 사전에 Compose···
RWS 프레임워크 기반 로또 자동추첨 프로그램 업데이트 안내
로또연구소>업데이트
오랫동안 미뤄왔던 로또 자동추첨 프로그램을 그디어 업데이트 하게 되었다. 이번 업데이트는 프로그램 업데이트 보단 RWS 프레임워크를 기반으로 변경한게 가장 크고 중간에 오픈했다가 포인트 분할 시스템을 잘 못 만져서 중단된 로또 게임도 다시 오픈하게 되었다. REDINFO 로또 원하는 번호를 조금더 현명하게 추출 하도록 도와주는 로또 자동 추첨 사이트 로또 ···
JQUERY 와 CSS 를 이용하여 텍스트가 길경우 더보기/접기 기능을 만들어보자
웹>HTML/CSS/JAVASCRIPT
컨텐츠형 페이지를 만들다보면 특정 구간에 불필요한 내용이 길어져 일부 내용을 자르고 더보기 기능을 만들어야할 때가 있다. 더보기 기능은 간단할것 같으면서도 막상 만들려면 귀찮을때가 많이 있다. 특히나 반응형 작업 시에는 고정 크기 화면의 PC화면과는 다르게 크기별로 높이가 달라져 조건처리가 필요할 수도 있다. 이번편에 소개할 더보기 기능은 아래와 같이 두가···
PHP의 mb_strlen 결과와 javascript의 length 결과값이 다를때 대처
웹>PHP 일반
지금까지 개발하면서 mb_strlen 과 Javascript의 길이가 다를 수 있다는걸 인지하지 못하였다. 아무래도 서버단에서만 체크하다보니 디테일한 부분은 인지를 못했던것같다. 보통 우리가 javascript로 글자수를 판별할 시에는 아래와 같이 `변수.length`와 같이 판별을 할것이다. <script> var a = "한글 입니다."; a···
후쿠시마 원전 오염수 해양 방류, 그리고 한국 현 정부의 어처구니 없는 대처
정보바다>뉴스/정보
요즘 뉴스는 칼부림, 정치싸움등 여러모로 핫 한것같다. 특히 후쿠시마 원전 오염수 해양 방류가 시작된 2023년 8월 24일부터 시위가 지속되고 있으나 우리나라 현 정부는 괴담이라는 말만 반복하고 있다. 이게 무슨 어처구니 없는 대처인가 싶다. 사실 정치적인 이야기는 블로그에 웬만하면 쓰지 않을려고 했지만 국민의 소리에 귀를 막아버리고 짜놓은 스케쥴에 맞추···
PHP를 이용하여 HTML 소스 치환과 번역 기술에 사용되는 언어팩의 기본원리를 알아보자
웹>PHP 일반
치환이란 어떠한 것을 다른 무언가로 교체하는 것을 의미한다. 언뜻 보면 바꾸는 것과 비슷해 보이나 치환은 바꾼다는 뜻보단 대체로서의 의미가 맞는 말이다. 웹 프로그래밍의 경우 HTML 소스와 함께 병행하여 쓰다보니 소스가 상당히 보기 불편해 지는 경우가 많다. 이럴때 사용할 수 있는게 치환자인데 이는 비공개 소스에 대한 유저용 치환자를 제공해 주는 템플릿 ···
DB 접속 프로그램 HeidiSQL 을 이용해보자. (MySQL 기준)
정보바다>사용팁/다운로드
HeidiSQL 은 DB 접속을 무료로 지원해주는 유용한 프로그램이다. 내가 사용하는 DB는 MySQL로 일반 TCP/IP 접속과 SSH 터널링 접속에 대해 알아 보도록 하자 우선 HeidiSQL 프로그램 다운로는 하단 공식 사이트를 이용하도록 하자 Download HeidiSQL Download HeidiSQL www.heidisql.com/downloa···
PHP를 이용하여 만든 기본적인 파일업로드 프로그램
웹>개발테스트/교육
웹 사이트를 운영하다보면 파일업로드 기능을 많이 사용하기도 하지만 직접 구현해야할때도 있다. 이럴땐 여기저기서 예제소스 가져다가 붙이곤 하는데 예외처리가 많이 안되다보니 사용하다 업로드에 문제가 생겼을 시 체크하기가 어렵다. 특히나 파일 업로드 권한이 특정 권한을 가진 유저가 아닌 모든 유저에게 부여된다면 역시나 믿을 수 없다. 하루에도 수백번씩 이상한 방···
PHP 참조 변수 &(엠퍼센트) 연산자
웹>PHP 일반
PHP를 하다보면 간혹 변수앞에 &(엠퍼센트) 부호를 볼 수 가있다. 우리는 언제나 그렇듯 아무생각 없이 그냥 넘어갈때가 있는데 이 부등호는 AND 부등호와는 다르게 주소참조 부등호로 특정 값을 참조할때 사용하는 부등호이다. 조금 더 무식하게 예를 들자면 신용카드를 복제하여 사용할 수 있듯이 기존 변수를 참조시키고 해당 변수값을 변경하면 기존 변수값···
