e7e

https://www.ag-grid.com/javascript-data-grid/getting-started/ 웹페이지를 만들다 보면 엑셀 모양의 리스트 페이지를 많이 만들게 되고 당연히 리스트를 만들면페이지 나누기와 검색기능이 들어가야 하고 업무용 이라면 사용자는 원하는 부분을 파일로 받는 것을넘어서 엑셀 시트 처럼 컬럼순서도 자유롭게 바꾸고,보고 싶은 컬럼과 보고 싶지 않은 컬럼 까지 자유롭게선택할 수 있는 기능을 요구할거시당.어쩌면 이미 엑셀등에 익숙한 사용자 입장에선 당연한 요구 지만 개발 입장에선 조금 난감하당.이 경우 서버단과 클라이언트단이 이 책임을 나누어 가지는 것은 좋은 디자인이 아니고,화면제어가 많이 필요한 상황에서 서버단이 책임을 지는 것 역시 좋은 디자인이 아닐 거시당.클라이언트 단..

자바스크립트 2025. 4. 7. 12:52

요즘엔 거의 쓰이지 않는다고 생각했는데....필요한 사람이 있다닝.... 다시 한번 만들어 본당.그저 랜덤함수로 주민번호 형태를 만들다가 마지막 자리수만 주민번호 생성 알고리즘대로 나오는 숫자를 넣으면 그만이이당. 그렇당 주석을 마니 마니 다러노아쓰니  참꼬 참고하도록 하장!주민번호생성.html 영시니 주민번호 생성기 눌러방방  결과는 뻔하고 뻔하닝 줄여서 뻔뻔하다 하겠당. 더미 데이터 생성시에 위 함수만 뽑아서 입맛에 맞게 수정해 쓰면 그만  일거시다.    https://www.youtube.com/watch?v=BFneXcaG_kU

자바스크립트 2025. 3. 24. 20:20

AJAX로 직접 파일을 받아서 쓰는 건 생각보다 훨씬 유용하지 않을 수 없당.잘 쓰지 못해서 안 쓸 뿐, 이번 기회에 정리해서 다시는 날개를 접지 말장 sample1.html 실행 해보면 자동으로 파일4개가 다운됨을 알수 있당.[만약 console에 Cross-Origin 에러가 났다면 브라우져 플러그인 Cross-Origin을 실행하장 참고로 이 브라우져 플러그인은 그리 안정적이진 못하다 별 3개 반.] 위 코드는 자세히 보면 a  태그 만들고 하는 부분이 반복이 심하당.이럴땐 머리에 DRY(Do not Repeat Yourself) 원칙 과KISS(Keep It Simple, Stupid) 원칙이 생각나면 아름다운 후광이당. 사포로 조금 손질 좀 해보장.sample2.html ..

자바스크립트 2025. 3. 20. 12:50

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

자바스크립트 2025. 3. 12. 20:39

이건 그냥 재미지만, Cross-Origin에 대한 이해가 필요하당.  일단 스프링 백엔드 없이 결과를 확인 할 수 있게 웹 스토어에서 cross origin으로 검색아래 그림 모양 플러인을 설치 하도록 하장. 왱? ( cross-origin 제약을 넘기 위해 필요!)설치 했다면 디폴트로 기능이 꺼져있다.(Cross-Origin 플러그인이 활성화되어 있는 경우 해킹될 수 있다하니,꼭 사용시에만 활성화하고, 평상시에는 비활성화하여 놓도록 하장.활성화 되어 있는 경우 daum이나 naver메일등이 제대로 동작하지 않을 수도 있당) ON 시키면 준비 완료.이제 백엔드 추가 작업 없이도 Naver URL에 요청 ajax로 응답을 받을 수 있었당. 아래 html 소스를 복사/붙여넣기로 실행해 보장.(꼭 서버위에서..

자바스크립트 2025. 3. 12. 20:03

faker-js 한국어가 갑자기 안되서 문서를 뒤적이니, 말도 없이 locale 세팅이 조금 바뀌었당.내용을 들여다 보니, 왜 바꾸었는지 나름 이해가 되고, 칭찬할만 하당.~~이전 방식을 모르는 사람은 그냥 새 방식에 적용하면 그만이당. ~~ (^-^) https://fakerjs.dev/ 위 faker-js를 활용하여 아래 그림과 같이 필요한 갯수의 랜덤한 데이터를 맹글려 한다치면 아래와 같은 소스가 필요할 것이다.(주석을 잘 참고하길....)faker-js 사용법은 너무나 쉬워서 괘니 공부가 되도록 table 만드는 소스를조금 있어 보이게 header 들어가는 부분에 json의 key값을 이용하고,그것을 한글화 하는 부분도  일부러 넣어 보았당.  도움이 되었으면 하는 바램이당. faker.helpe..

자바스크립트 2024. 10. 24. 22:28

스프링 서버사이드에서 Apache POI로 많이 다루는 Excel!~~브라우져 클라이언트 사이드 자바스크립트로 괘닝! 다루어 보아용!~~(항상 그냥 하디 말고, 장단점에 대해서 생각이란 걸 해 보아용~~) 아래 sheetjs는 유료 Pro 버젼으로 막강한 기능을 제공해 주지만, 무료 커뮤니티 에디션으로 기본적으로 필요한 기능을 충분히 커버하고도 남는당.괘니 한번 똑똑 방문해서 대략 눈으로 흘겨보장~~https://docs.sheetjs.com/ SheetJS Community Edition | SheetJS Community EditionSheetJS Community Edition Documentationdocs.sheetjs.com 맘 급한 사람들을 위한 실행 과 결과를 바로 확인 해 볼 수 있는 전..

자바스크립트 2024. 8. 1. 15:12

일단은 임시 샘플...  이단은 정리 필요이것은 제공되는 super preset 지원 멋졍? 지원 바봉?  실행 결과 Source 클릭나 지금 머하징?

자바스크립트 2024. 6. 18. 12:41