e7e

풀캘린더가 어느새 버젼이 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

워드프레스 공식 에디터로 유명한 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

뜨레드(thread)!, 비동기(asynchronouse)! 초보개발자나, 이제 막 프로그램 개발 입문 비전공자에게는 웨엔지 외계어 같당! 역시 항상 그렇진 않지만 알고 보면 별거 없는 정도가 아니라 고저 일상생활 용어당! 우리 삶은 뜨레드와 비동기가 아닌 걸 찾기가 사실 더 미치게 어렵당. 당신은 혼자서 밭일 하면서, 동시에 물고기 낚시를 할 수 있는가?(로보트 사용 안됨!) 요때 당신 이름이 뜨레드당, 곧 뜨레드가 혼자라서 특정시간에 한가지 일밖에 못한당. 야채에 생선을 얹어 구어먹고픈 당신은 clone신공을 매초마다 연습하여 마침내 드뎌 자신을 복사할 수 있는 능력을 갖게 된당. 복사된 당신도 이름이 뜨레드당. 뜨레드 한명이 밭일을 하는 동안, 뜨레드 한명은 낚시를 한당. 뜨레드가 1개 이상이니, ..

자바스크립트 2023. 7. 27. 22:55

요즘에도 마니 그러한지는 정확하게 난 알 수 없지만(안 그런 것 같당 느낌이당) 한때는 코딩테스트에 의외로 뜬금없이 예상치 않은 순간에 불쑥 해보라는 질문에 초보자들 또는 로직이 약한 개발자의 머릿속을 대체 여긴 어디얌 몇시얌? 시공간 구분 능력을 상실케 맹그는 질문이 바로 별 삼각형을 출력하는 프로그램을 후다닥 맹글어 보시옹 질문이었당. 개인적인 생각이지만 아마 아직도 현직에서 개발자로 일하면서도 별삼각형을 못 맹그는 개발자가 분명 꽤 있지 않을까 싶당. 외워서 했다면 당연 시간이 흐르면 기억이 흐리니 할 수 없을 거시당. 지금 바로 한번 해보면 어떨까싶당. (자신을 주기적으로 돌아보는 시간은 마니 피로하당!) 역시 항상 그렇지는 않지만, 별삼각형 그리기는 말 그대로 거저 거저 그냥 쉽당. 별삼각형 그..

자바스크립트 2023. 7. 22. 12:04

스마트폰이 출현하기전, 디지털 카메라와 캠이 아주 유행하던 시절이 있었당. 당시 지금의 패드모양의 전자앨범이라는 것이 있는 가정들이 꽤 있었고,TV에서도 기능이 지원되어, USB 메모리에 사진을 모아서 꼬기에 꽂으면 사진들이 미끄러지듯 슬라이딩 되어 추억을 되새김질하거나, 본인의 추억을 다른 사람들에게 무참히 심하게 강요하는 잘난 체 용도로 많이 사용되었당. 역시 항상 그렇진 않지만 웹 어플로 만드는 거슨 우산으로 가랑비를 막는 것보다 쉽당. (인정머리 없는 사람은 인정하지 않겠지만 인정을 가지고 인정하장.!~~) 물론 개별 인간마다 쪼금식 아님 크게 코드가 다를 수 있지만, 최대한 쉽게 이해 될 수 있도록 난 아래처럼 소스를 짜보았당.(내맘!) 간단히 설명하면 div크기를 원하는 액자크기로 설정하고, ..

자바스크립트 2023. 7. 20. 08:28