개발자는 언제나 맑은 뒤 흐림

jsTree는 tree구조 표현이 간단한 api이다.다양한 사용법은 jsTree 참조 https://www.jstree.com/ 1. json 데이터로 세팅하기 백엔드나 프론트엔드 개발을 하려면 json 데이터로 세팅하는 경우가 제일 많으니까 이 부분만 공부했다. 전체 소스 코드 let jsonData = [{ "parent": "#", "menuOrder": "2", "menuDepth": "2", "id": "3002", "text": "갈수있어" ..

투표 하고 한시간 늦게 출근 하는 길인데.... 한시간 늦게 가는거 이렇게 행복한 거였어? 나 진짜진짜 회사 그만 두고 자유를 찾아 떠나고 싶어. 작가님 너무 제 마음입니다.

요즘 점심을 위잇딜라이트에서 정기구독해봤다. 이 정도 질과 양을 내가 매일 사 먹거나 도시락을 챙기려고 한다면... 못할 것 같다. 메뉴도 항상 바뀌고 맛도 괜찮다. 그렇지만 점심만 구독이 된다. 사실은 집에서 저녁을 구독하고 싶다.... 뭔가 점심에는 밖을 좀 돌아다니고 싶어

출근하면서 제일 기다리는 것. 1위 퇴근 2위 점심 3위 대표님 출장 그렇지만 일단 일은 하고 돈도 벌어야 하기 때문에 점심만 자유로울 수 있다. 성수동 마미손 햄버거. 짜고 맛있다. 모든 게 분홍색이다. 그래서 사진을 찍으면 분홍색이 느껴진다. 다소 양이 적을 수 있지만, 수제 버거잖아. 니가 참아. 생각해보니 여기는 빵도 좀 분홍색이다. 오케이 계획대로 되고 있어. 소년아저씨 성수에 골목식당이 한 번 휩쓴 뒤로 맛이 올라갔냐? 아니 그냥 줄이 좀 길어진 것 같다. 여기는 맛있는 장조림을 국처럼 준다. 맛있다. 좀 만 더 먹고 싶다. 양이 좀 많이 적다. 아니야... 내가 많이 먹나 봐 다들 적당하데. 성수는 먹을 곳이 정말 정말 많은데 좀 비싼 것 같다... 거기에 커피까지 한잔 하려면 그래 이제 점..

날씨가 너무너무 좋다 그래서 도망가고 싶었지만 나는 어른이다. 오늘도 참았어 점심에 점심을 정기배송해주는 위잇딜라이트에서 샐러드를 배송시켜서 먹었따. 여기는 매일 메뉴가 바뀐다. 오늘은 샐러드랑 두부초밥이었는데, 나는 아침에 두부초밥을 다 먹었다. 점심에 배고플걸 알았지만... 아침에 점심 도시락을 가져다 주니까 편하고 좋네요. 그치만 점심에 자극적인거 너무 먹고 싶어 성수 뚝떡 처럼

잘 못 생각했다. 아침에 날씨가 따뜻하다고 생각했다. 어쩌면 주말에 정리한 겨울옷을 꺼내는게 좀 귀찮았거나 그래서 집히는 어정쩡한 옷을 입었다. 출근 하자마자 안춥냐고 물어보는 직원분들이있다. 맞아 나는 춥다

요즘 날씨가 부쩍 좋아져가지구 어딘가로 떠나고 싶다. 아니 사실 사무실만 아니면 어디든 행복할 것 같지 않아? 그동안 버킷 리스트로 벼르고 별렀던 #서울식물원 이다. 생각보다 크지는 않았지만 너무 훌륭하다. 초점이 다 나가버려서 조금 망한 사진 ㅋ 직장인에게 이 시간을 빼면 근무의 이유가 없는것 같다. 오늘 하루를 보상받을 수 있는 점심시간. 성수에있는 회사에서 멀지 않은 곳에 있는 토라식당 안심돈까스가 맛있다. 그치만 자주자주 가고 싶지는 않아... 나는 돈까스를 그다지 좋아하지 않아서 아이폰이 잡아준 아웃포커스가 너무 마음에 들어서 올렸다. 여기는 햄버거 하나에 13,000원 이고 대기시간도 기본 40분이라서 직장인 점심으로는 그다지 적합한 것 같지는 않지만 그래 만족해. 하지만 다음에는 국과밥이 있..

왜 때문에 캐시는 나를 힘들게 하는걸까? 참자... css 파일을 가져오는 부분에 알 수 없는 파라미터를 달아서 해결 미워, 미워

특수문자를 정규식을 사용해서 막기 onkeyup 과 ononkeydown 에서 현재 입력창의 값을 받아서 처리 한다. function check(obj){ //정규식으로 특수문자 판별 var regExp = /[ \{\}\[\]\/?.,;:|\)*~`!^\-_+┼@\#$%&\'\"\\\(\=]/gi; //배열에서 하나씩 값을 비교 if( regExp.test(obj.value) ){ //값이 일치하면 문자를 삭제 obj.value = obj.value.substring( 0 , obj.value.length - 1 ); } }

laravel.kr/docs/8.x/installation 라라벨 8.x - 설치하기 라라벨 한글 메뉴얼 8.x - 설치하기 laravel.kr 라라벨 커뮤니티에서 시키는대로 따라 했더니 나름 문제없이 잘 넘어간다. 라라벨 설치하기 (CLI) $ composer global require laravel/installer 라라벨 설치가 무리없이 끝나고 나서 신규 프로젝트를 만들었다. 그랬더니 위와 같은 오류 문구가 나온 것이다. (현재 PHP7으로 빌드 하고 있었다.) 그래서 찾아보니 php 설정 문제 인 것 같아서 거기를 좀 건드렸다. You can also run `php --ini` inside terminal to see which files are used by PHP in CLI mode. 해결..

회사에서 새로운 프로젝트를 시작하게 될 것 같다. 그래서 이번에는 PHP 날코딩이 아니라 프레임워크를 넣어보고자 한다. 문제는 어떤 프레임워크를 넣느냐는 것이다. 이미 CI의 무서움을 맛봤으니... 그래 나는 MVC로 간다. laravel.com/ Laravel - The PHP Framework For Web Artisans Become a Laravel Partner Laravel Partners are elite shops providing top-notch Laravel development and consulting. Each of our partners can help you craft a beautiful, well-architected project. laravel.com 라라벨의 한국 커..

시작일자를 선택해주세요 //Date range picker $('#start_date').datepicker({ controlType:'select', oneLine:true, dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], dayNames: ['일', '월', '화', '수', '목', '금', '토'], dayNamesS..

많은 크롬 클립보드 복사 방법이 있지만... 나는 안되더라. 그래서 찾은 제타위키 설명글! 정말 나의 바이블이다. JavaScript 클립보드로 복사하기 - 제타위키 다음 문자열 포함... zetawiki.com function copyToClipboard(val) { var t = document.createElement("textarea"); document.body.appendChild(t); t.value = val; t.select(); document.execCommand('copy'); document.body.removeChild(t); }

php로 코딩을 하다가 보면 중간에 쌍따옴표를 넣어야 하는 경우가 많다. 그런데 쌍따옴표를 넣으면 문장의 끝이라고 잘 못 인식이 되어서 오류가 난다. 그럴때는 앞에 역슬래쉬를 넣어서 사용하면 된다. echo " "; 아톰으로 코딩하면 자연적으로 색상도 변한다.

mysql에서 가격이나 거리 같은 숫자를 보기 좋게 하기 위해서 천단위로 끊어서 표시하는 경우가 많다. 이때 mysql, css, jsp, php, javascript, jQuery 등등... 굉장히 많은 방법이 있어서 아무 언어에서나 활용을 하면 된다. 그런데, 나의 개인적인 생각으로는 SQL에서 처리하는 것이 가장 빠르지 않나 싶다. FORMAT(price , 0) 이렇게 문구를 넣어주면 천단위가 끊어져서 나온다. SELECT FORMAT(price , 0) , post_code WHERE del_yn = 'N'

Github를 개인 컴퓨터나 다른 환경에서 사용하는 방법 두 가지 방법이 있습니다. 사용하는 pc에 git을 설치해서 GUI없이 사용하기 사용하는 IDE에 git용 플러그인을 설치해서 사용하기 1번을 하기 위해서는 pc에 git을 설치 해야 합니다. https://gitforwindows.org/ 에서 본인에게 맞는 버전의 git을 설치 합니다. 그냥 ok만 눌러서 진행합니다. 윈도우 기준으로 설명을 하고 있습니다. 설치가 되었나 보기로 합니다. 나는 컴퓨터에 대해서 좀 알고 있다. 그렇다면 cmd창을 엽니다. git –version (git 버전 보는 명령어) 위와 같은 내용이 나오면 git설치가 제대로 된 것입니다. 만약 위에 말이 무엇인지 모른다면 아래와 같이 진행해 봅니다. 설치가 되었나 보기로 ..

아톰 플러그인 설치 방법 아톰에디터에서 FILE > Settings 를 들어갑니다. Settings > Install 로 들어 갑니다. 원하는 패키지명을 검색합니다. Packages와 Themes가 있으니 구분하여서 검색하면 됩니다 검색된 패키지나 테마는 Install을 눌러서 설치 하면 됩니다. 플러그인 추천 리스트 Emmet : HTML , CSS 자동 완성기능 말이 필요 없는 기능이라고 생각이 됩니다.어떤 개발환경에서든 필수로 추가하면 개발하는 시간을 훨씬 단출할 수 있는 플러그인입니다.https://docs.emmet.io/ pigments : 색상코드의 색상을 보여준다 sync-settings : 현재 개발중인 환경을 저장하여 다른곳에서도 같은 환경으로 작업 가능하도록 해준다. atom-beau..

쓸만한 IDE가 뭐 없을까를 고민하던 시절에 브라켓이라는 도구를 사용했었습니다.브라켓은 어도비에서 만든 IDE로 실시간 미리보기를 지원해줘서 굉장히 편했던 기억이 난다. 하지만 무거운 IDE가 자주 에러가 나고 멈춤 현상이 잦아져서 IDE를 바꿔보았습니다. (지금은 IntelliJ IDEA를 사용한다.) 그리고 요즘 프론트엔드를 개발할 때 자주 사용하는 IDE는 아톰입니다. github에서 만든 괴물 IDE 아톰 아톰의 장점은 많은 것이 있지만 몇개 꼽자면 무료로 사용이 가능하다.URL을 공유하면 실시간으로 같이 코딩이 가능하다. 다양한 플러그인이 오픈소스로 되어있다.GitHub와 연동이 쉽다.다양한 OS를 지원한다.예쁘다. 다양한 이유로 아톰을 사용중입니다. 아톰 홈페이지 아톰 홈페이지를 방문하면 본인..

새해 복 많이 받으세요.