e7e

그냥 괘니 일단 읽어보아용~~  React(리액트)가 머예용?=> FaceBook에서 만든 자바스크립트 UI(User Interface) 라이브러리     (근데 프로그램 구조도 꽤 강하게 강요해서 프론트 프레임워크로도 불림)  근데 왜? 맹글었데용?=>  웹의 발전으로 프로젝트의 규모가 커지고, 프론트 단의 역할과 비중도 같이 커졌는데,      HTML/CSS/자바스크립트 소스가 양이 많아지면 많아질수록 코드 가독성이 떨어져      유지보수가 무쟈게 어려워져 개발 과 유지보수 모두 어려워짐. 새로운 대안이 필요  React만 하면 되나용?=> 비슷한 걸로 vue.js(뷰) 와 angular.js(앵귤러 -구글이 개발)등 여러가지가 있어, 그동안       시장을 놓고 경쟁했는데, 현재까진 React..

React 2024. 9. 23. 17:11

무료라서 실행할 때마다  도메인명이 바뀌는 걸 참고 써야만 했던 NGROK이드디어 무료사용자(Free User)에게도 static 도메인을 제공하기로 했단당.너무도 기쁜 일이당.이제 무료 1개지만 편하게 HTTPS를 사용할 수 있게 되었당. NGROK을 이용하는 방법개인적으로 추천하는 방법인뎅, 쉽고 구동은 완벽한뎅,  도메인명이 쪼메 길고,포트 1개만 무료로 사용이 가능하당.(참을 수 없다면 한달에 18달러인데, 그냥 참아라  몇번 안 쓰니, 참고 무료로 쓰장!) 먼저 ngrok 사이트 에 가서 Sign up을 눌러  간단히 회원가입을 한당(몇개 안 물어서 좋당)ngrok이 보낸 메일을 클릭해서 존재하는 이메일임을 꼬옥 확인해 줘야 한당! 회원으로 로그인을 하면 아래와 같은 화면을 볼 수 있당https..

스프링 2024. 8. 23. 15:15

스프링 서버사이드에서 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

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

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

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

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

가끔은, 꽤나 가끔은 가짜 데이타를  맹그는 것보다, 소비할  가짜 데이타를 서비스 하고 있는 RESTFUL 서버가 필요하다고 느껴질 때가나의 경우 꽤나 자주 빈틈있게 주기적 빈틈을 가지고 빈틈없이 비약적으로필요를 강제할 때가 있당. 요따구 경우에 쓸 수 있는 json-server를  짬시 알아보도록 하장!https://github.com/typicode/json-server위 링크에 가서 읽으면 순식간에 사용법을 알아낼 수 있는뎅,오늘따라 읽기 능력에 브레이크가 걸린 사람들은 계속 읽도록 하장. 읽었든 안 읽었든 문제는 서버가 아니고, 서버가 서비스 할 db.json 파일을쪼메 체계적이고, 의미 있게, 그러면서도 후다닥 만드는 것일거당. 아래 내용은 당신이 이미 Node를 설치했다는 가정하에 시작된당...

NodeJS 2024. 5. 21. 21:54

좀 더 일찍 나왔으면 좀 더 많이 흥행했을 서버사이드 템플릿엔진 타임리프(thymeleaf) !! RestFul이 대세이긴 하지만 그 나름 프로젝트 규모나 성격,고객의 요청 상황에 따라서는 너무도 훌륭한 선택이 될 수 있을 거시당. RestFul과 Mixed는 어떨깡? 확장자를 html로 사용하기에 개인적으론 너무도 미친 듯 맘에 든당. jsp를 사용해 본 경험을 가진 당신이라면 꽤나 비슷함에 흡족할 것이당. ThymeLeaf의 최대 장점이라면 확장자가 html이어서 그대로 브라우져에서 모양확인이 된당. (곧 웹 디자이너와의 협업도 Good! 이란 이야기당~~ ^-^) 버들잎 순풍타고 땅이 아닌 하늘로 거슬러 오르 듯 띠작해 보장. Boot 3를 써야 하닝, 난 JDK는 21에(17이상 OK), STS4..

스프링 2024. 4. 20. 08:20