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

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

오른쪽 슬라이딩 메뉴를  만들어본 김에 사이드 메뉴도 한번 맹글어보장.자꾸 다른 사람이 만든 걸 가져다만 쓰려하면 정작 필요한 기본 로직 작성 능력이늘지를 않는당.~~ 이건 큰 문제당. 역시 항상 그렇진 않지만, 한번 맹글어보면 생각처럼 어려울 건 없당.그리고 화면으로 로직연습을 하는 건 정말 재밌게 로직 능력을 키워준당. 아래 소스를 복사/붙여넣기로 실행해 보공,(css 빼면 양도 별로 안됨!)차분히 뽀인또를 이해한 다음에, 입맛에 맞게 수정/추가 해 보길 권장!  확인용 메뉴추가 버튼 메뉴이름 서브메뉴1 서브메뉴2 서브메뉴3 서브메..

자바스크립트 2024. 6. 3. 21:52

두발로 우뚝 개발자의 길을 걸으려 하는 패기만땅,이쁨만땅   젊디 젊은 그들은너무도 가져도 쓰는 것에 익숙해져,  간단한 것 조차 만들어 보려는 노력보단먼저 가져다 쓸 껄 찾거나, 따라하기에 따른 결과를  자신의 것인양 오해인지, 착각인지 모를  기어코 기픈 수렁에 기꺼이 자신의 두발을 담근당. 생각을 못하는 것인가?, 안하는 것인가? (분명 습관적 후자당)생각하는 힘을 키우고, 그 힘의 원천근육 논리력을 키워야 한단당.~~ 항상 그렇진 않지만, 실제로 해보면 별거 아닌 것들이 어찌 이리도 많지만,이 별거 아닌거를 직접 생각과 구현을 해보공 아주 쪼끔이라도 코드를 더해간다면 꽤나 듬뿍듬뿍 기쁨과 논리력을 알지 못하는 사이에주머니에 뽈록 챙겨가고 있음을 느낄  수 있당.   화면 오른쪽 슬라이딩 메뉴는 실..

자바스크립트 2024. 5. 30. 21:25