e7e

cdnjs 에서 gridstack으로 최신 버젼 검색 추천 문서가 엉터리란 나의 생각은 3시간 뒤 나의 오타가 일으킨 불발탄임을 알았당. 일단 gridStack 1개짜리 기본 샘플을 보장! gridBasicSample.html 휴지통 컴팩트 실행 결과와 코드를 매칭시켜 느낌을 받도록 해야 함! (오타만 없으면 느낌 쫘악 옴!) 그리도 여러개 사용할 때 봐 둬야 할 코드 let grids = GridStack.initAll(options); GridStack.setupDragIn('.sidebar .grid-stack-item', { appendTo: 'body', helper: myClone }); grids.forEach(function (grid, i) { grid.load(items); }); //..

자바스크립트 2023. 9. 8. 08:28

풀캘린더가 어느새 버젼이 6으로 올랐당. 이전 버젼들은 쪼메씩 문제가 있었는뎅, 잘 되나 해보닝 대략 일단 잘된당. 홈페이지는 아래 링크당. 무료와 유료로 나뉜당. https://fullcalendar.io/docs/getting-started 유료부분이 있다보닝 역시 문서가 꽤 잘 되어있당. 사용법은 어렵지 않으낭, 모달창 부분을 잘 활용하지 못하는 것 같아서 못 생기긴 했지만 모달 창 부분을 더해서 충분히 활용가능한 샘플 소스를 맹글었당. 누네 힘줘서 한번만 해본다면 더 이상 헤메지 않아도 될거시당. 공통일정을 담은 연습용 데이터 파일 commonEvents.json [ { "id": "common001", "title": "추석", "start": "2023-09-28", "end":"2023-10..

자바스크립트 2023. 9. 6. 18:33

인터넷이 일반에 확산되던 꽤나 오래 오래 전 과거에는 웹 프로그램에서 자바스크립트가 담당하는 영역은 대부분 Validation(유효성) 체크 부분이었고, DHTML(Dynamic HTML)이라고 해서 화면에 재미난 움직임을 조금 넣는 정도 였기 때문에 그 코드 양이 얼마 되지 않았당. 하지만 지금은 어떤가?, CSR(Client Side Rendering)이란 말이 나올 정도로 브라우져(Client)에서 하는 일이 많아지다 못해 서버에서 하던 비지니스 로직까지도 자바스크립트로 하는 상황이 되었당. 곧 자바스크립트 코드 양이 장난 아니게 늘었단 이야기당. 거기에 Node의 등장!, React, Angular, Vue 등등등........ 이제 더 이상 자바스크립트는 작은 언어가 아닌게 되었당. 마니도 컸당..

자바스크립트 2023. 9. 6. 08:40

일반적으로 데이타베이스를 쓰는 프로젝트에서 통계 페이지를 구현 하지 않는다면 그거슨 프로젝트를 하다가 중간에 그만 둔 것과 같이 평가 절하된당. 데이타베이스에 저장된 거슬 데이타라 부르고, 쌓인 데이타를 가지고 통계를 낸다면 그거슬 Information(정보)라 부른당. 정보화하지 않고 쌓아만 둔다면 그게 뭐다낭! 통계 결과를 냈다고 해도 그거슬 sql의 select문 결과나 그저 숫자 가득한 엑셀 파일등으로 준다면 의미 파악이 어려울 수 있당. (사장님은 벌써 오래전에 노안이당. 숫자가 안보인당) 의미도 그렇지만 흐름(추세) 파악도 단순 숫자 나열로는 어려울 수 있당. 요따구 상황에서 차트를 사용하고, 요런 테크닉을 데이터 시각화라 부른당.(오켕?) 웹에서 데이터 시각화의 최고봉은 단연 D3.JS 당 ..

자바스크립트 2023. 9. 4. 22:53

ftp(File Transfer Protocol)를 이용해서 파일 업로드/다운로드를 괘니 그냥 구현해보장 먼저 Ftp 서버를 설치하기 위해서 공짜/유료 사용이 가능한 유명한 FileZilla 서버를 아래 링크에서 자신의 OS에 맞는 거슬 다운 받도록 하장 용량작당.(실타면 할 수 없당!) 미리 알아두깅 - 예전엔 크롬에서 주소표시줄에 ftp://아이디:암호@IP또는 도메인을 입력하면 접속이 되었지만, 현재 크롬은 지원하지 않는당! 대신 윈도우 탐색기 경로 줄에 위 처럼 치면 접속이 가능하닝 참고용!! 아이디:암호 안 치면 쪼메난 창이 떠서 물어용 콱!~~ 파일질라 FTP 서버 다운로드 링크 다운받은 설치파일을 실행시켜 FTP 서버를 인스톨하는뎅, 대부분 Next를 누르공 아래 화면에서 잠깐 멈추장. 항상..

스프링 2023. 9. 1. 08:23

이클립스가 나의 삶을 힘들게 할 땡!~~ 그냥 가끔 불편해성 메모로 남겨두깅!!!!! 폴더가 패키지로 보일 땡! (보통 src/main/resources 아래 폴더를 맹글었는뎅!!) 1. 해당 패키지 마우스 우 클릭 2. Build Path 3. Configure Build Path 4. Source 탭 선택 5. src/main/resources 의 Excluded (None) 선택 6. edit 클릭 패키지가 폴더로 보일 땡! (위와 반댕!), 경로가 인식 안될수도 있음.. ㅠㅠ 1. 해당 폴더 마우스 우 클릭 2. Build Path 3. Configure Build Path 4. Source 탭 선택 5. src/main/main 의 Excluded 선택 Remove 선택 None으로 바꿈 폴더 ..

스프링 2023. 8. 29. 15:17

워드프레스 공식 에디터로 유명한 editor.js !!!, 노션 으로 더욱더 유명세를 타게 된당. 공식 홈페이지는 https://editorjs.io/ 를 가보면 된당! 블로그 제작시에 글 작성 에디터로 넣으면 아두 꽤나 있어 보이는뎅, 문제는 필요한 플러그인들이 조각 조각 분리되어 있어, 일일이 가져다 붙여줘야 한당! 그래서 아래 소스를 맹글었당!(대략 혹 필요하다 싶은 플러그인은 모두 모아보았당!) 내용 저장/ 내용 불러오기 기능도 당근 필요할 것이니, 샘플데이터와 함께 집약시켰당! 이 소스 하나면 블록에디터 시작에는 아마 부족함이 없을 것으로 사료되었당. (가축 사료 아니공!~~ 개발자 사료땅!) 저장 바꾸깅 실행 결과를 보면(항상 F12화면도 같이 확인하장) 아래당. 웬 만큼 자바스크립트를 한 사..

자바스크립트 2023. 7. 30. 09:42

이 그른 일단 혀니님을 위한 글이라 다른 분들에겐 관심이 없을 수 있음을 경각심! 아래 예제는 서버프로그램 없이 AJAX로만으로도 테스트가 가능한데, 그렇게 테스트 하려 할 경우는 브라우져 플러그인 Cross-Origon을 설치하고 활성화 시킨 다음에 AJAX에서 바로 네이버 URL을 요청하면 된당. (Cross-Origin 플러그인이 활성화되어 있는 경우 해킹될 수 있다하니, 꼭 사용시에만 활성화하고, 평상시에는 비활성화하여 놓도록 하장. 활성화 되어 있는 경우 daum이나 naver메일등이 제대로 동작하지 않을 수 있당) 실제 서비스의 경우 사용자에게 모두 브라우져 플러그인을 설치하라 요구할 수 없으닝. 아래와 같은 절차로 서버 사이드 프로그램이 필요해 진당. 아작스에서 네이버 바로 요청시 Cross..

자바스크립트 2023. 7. 28. 17:21