머리가 나뻐서 삽질 SAP(Study And Programming)

Flux 패턴 자바스크립트에서 데이터 레이어를 생성하기위한 아키텍쳐로 Flux라는 이름으로 패턴이 구현되었다. 프로그램의 데이터에 대한 명확하고 이해하기 쉬운 업데이트 경로를 만드는데 중점을 둔다. 개발과정에서는 변경사항을 추적하는 것이 간단하고, 버그를 찾고 수정하는것이 용이해진다. 개요 플럭스를 가장 잘 설명하기 위해 MVC와 같은 주요 클라이언트 측 아키텍처 중 하나와 비교해 보면 알 수 있는데, 클라이언트 측 MVC 애플리케이션에서 사용자의 상호 작용은 컨트롤러의 코드를 트리거한다. 컨트롤러는 모델의 메소드를 호출하여 하나 이상의 모델에 대한 변경 사항을 조정하는 역할을 한다. 이는 모델이 변경되면 하나 이상의 뷰에 통보하고 모델에서 새 데이터를 읽고 사용자가 새 데이터를 볼 수 있도록 업데이트한..

React 시작하기 CDN 으로 연결하여 처음 사용해보기 https://github.com/HeoJeongJin/react-scoreboard-cdn/tree/master react tutorialreact scoreboard by CDN리액트는 UI 라이브러리로 Angular와 같이 프로젝트 전체를 모듈 방식으로 개발할수도 있지만 특정 페이지 내에 리액트를 끼워넣어서도 개발 가능합니다. 예를 들어, 기존에 asp, jsp, php 를 기반으로 개발하였다면 대부분 jquery와 같이 사용하였을텐데, jquery 대신 리액트를 사용할 수도 있고 jquery 같이 리액트를 사용할수도 있습니다. 이 튜토리얼은 기존 페이지 방식으로 Scoreboard라는 앱을 만들면서 react의 React Element, J..

php.ini 을 수정하기 위한 준비 현재 php 버전을 확인하기 위해서 직접 웹서버에 아래 코드를 실행하는 방법이 가장 빠르다.

에디트플러스 디렉토리 자동이동 파일 선택시 해당 디렉토리로 자동 이동되는 옵션

레이아웃 줄수 늘리기 #1) 여러개의 파일을 open 하여 줄수가 넘어가면 아래 그림과 같이 작은 화살표로 줄 수를 출력하게 되는데 #2) 도구 > 기본 설정 > 도구 > 레이아웃 의 줄 수 에서 표시되는 줄수를 늘려줄 수 있다. #3) 결과작은 화살표로 불편했던 표시라인이 아래와 같이 멀티 라인으로 표시된다.

html 파일에서 php 구문 강조되어 보이기 html 파일에서 php 구문의 색상이 강조되어 표시되지 않는다. 역발상으로 html 이 아닌 거꾸로 php언어에서 html을 해석하게 하면 된다 #1) html 파일 설정에서 html; 을 삭제한다. #2 ) PHP 설정에서 html; 을 추가한다.

FTP 백업 경로 # 폴더 설정을 통해서 숨겨져있는 폴더를 노출 시킨다 # 아래 자신의 OS에 맞게 폴더를 찾는다 ( 여기서는 EditPlus 3 버전일 경우 ) [XP] C:\Documents and Settings\내계정명\Application Data\EditPlus 3 [win7] C:\Users\내계정명\AppData\Roaming\EditPlus 3 [win10] C:\사용자\내계정명\AppData\Roaming\EditPlus 3 # FTP 설정된 파일을 찾는다 ftp2_u.ini 파일이 실제 FTP 설정이 저장된 파일이다. 이 파일을 다운로드 / 업로드 하여 FTP 설정에 대한 백업/복원이 가능하다

ajaxSetup Ajax 요청에 대한 기본값을 정의. 사용을 권장하지 않습니다. https://api.jquery.com/category/ajax/ Document jQuery.ajaxSetup( options ) options : PlainObject ( Ajax 요청을 구성하기위한 키 : 값 으로된 오브젝트 ) settings : 셋팅에 사용할 수 있는 값은 다음과 같다 jQuery.ajax( [settings ] )settingsType: PlainObjectA set of key/value pairs that configure the Ajax request. All settings are optional. A default can be set for any option with $.ajaxSet..

tabulator 자주쓰는 고급옵션 1. data 의 object key를 직접 설정한 이름으로 변경할때 123paginationDataReceived:{ "data":"record", },cs 2. pagination 이 local일경우 paginationSize를 꼭 적어야한다 123pagination:"local",paginationSize:20, cs 3. ajaxResponse callback 으로 데이터를 조정, 변경할 수 있는데 만약 수동으로 설정할경우 아래와 같은 값들로 직접 조정할 수 있다 1234567891011121314151617181920212223ajaxResponse:function(){ var pageSize = $("#table").tabulator("getPageSize"..

Bootstrap modals overlapping scroll focus problem 스크롤을 해야할 정도의 긴 모달창이 아래와 같이 2개 있다고 가정하고, 모달1과 모달2를 순서대로 띄웠을때 모달2 는 정상적으로 스크롤링 되지만 모달2를 닫고, 모달1을 스크롤하려고 하면..! 아래와 같이 body로 포커스가 이동되어 더이상 모달1을 스크롤하지 못하는 문제 원인과 해결) modal 을 활성화 하고 닫으면 닫으면 body에 modal-open 클래스추가되고 삭제된다. modal2 를 닫을때 body에 modal-open 이 없을경우 body에 modal-open 클래스를 추가해주면 다시 스크롤의 포커스가 모달1로 인식한다 code) 12345$("#modal_2").on('hidden.bs.modal'..