본문 바로가기
반응형

JavaScript31

[Java] ExcelUpload - AJAX 파일 업로드 이전글https://greed-yb.tistory.com/236 [Java] ExcelUpload - 파일 읽고 DB에 insert 하기Java 17 Maven Spring Boot 3.0.3 Oracle 11g IntelliJ Ultimate DBeaver SpringBoot 환경에서 메서드만 이용하여 Excel Upload 기능 할 일이 있어서 테스트 Class 에서 진행하였다 main 메서드를 이용해서 하려면 Junit 을 이용greed-yb.tistory.com    poi 추가 org.apache.poi poi 3.8 org.apache.poi poi-ooxml 3.8   html + js  change 함수를 사용했으나 본인 상황에 맞춰서 click 등으로 변경할 것    controlleri.. 2025. 4. 8.
[JavaScript] Editor 만들기(바닐라, Vanilla) 우리가 흔히 사용하는 글 작성 Editor 를 한번 만들어보고 싶어졌다그리고...난 너무 후회했다, 시작을 하지 말걸.... 요즘 jQuery 를 사용하지 않는 곳이 없다지만공부 겸, 어디서든 사용할 수 있도록 jQuery 를 배제하고 순수 Javascript 로만 코드를 만들고 싶었다 개발자로 일해오면서 거진 대부분은 jQuery 만 사용해 왔고순수 Javascript 로는 getElementById 또는 querySelector 같은 단순한 것 만들 사용 해봐서개발 방향 및 방식은 내 생각대로 하고, 코드 구현은 ChatGPT 로 하였다(개인적으로 ChatGPT 로 개발하는 걸 좋아하지 않는다) jQuery 로 했으면 이렇게까지 고생하지 않고 ChatGPT 없이 만들었을 거 같은데...만들다 지치다 .. 2025. 3. 29.
[JavaScript] 브라우저 개발자 도구(F12) 막기 $(function(){ //개발자 도구 실행 감지. console.log(Object.defineProperties(new Error, { toString: {value() {(new Error).stack.includes('toString@')}}, message: { get() { e.preventDefault(); alert('개발자 도구는 사용하실 수 없습니다.'); // 이전 페이지로 이동 history.go(-1); } }, })); // 키보드로 개발자.. 2025. 3. 12.
[JavaScript] 체크 된 행의 데이터 가져오기 이전글https://greed-yb.tistory.com/333 [JavaScript] CheckBox 전체 선택, 전체 해제 하기이름 번호 흰둥이1 000-0000-0000 흰둥이2 111-1111-1111   핵심은 동일한 name 을 주고 제어를 해주면 된다greed-yb.tistory.com         이름 번호 .. 2025. 2. 23.
[JavaScript] CheckBox 전체 선택, 전체 해제 하기 이름 번호 흰둥이1 000-0000-0000 흰둥이2 111-1111-1111   핵심은 동일한 name 을 주고 제어를 해주면 된다 2025. 2. 23.
[JavaScript] 파일선택 시 이미지 미리보기(FileReader) 이미지를 업로드 하기 전에 미리보고 싶은 경우가 있다매번 base64 로 인코딩 하기도 번거로운데 좋은 함수가 있더라  이미지 표시     FileReader 를 이용하여 선택한 이미지를 바로 변환시킨다이미지가 아닌 경우 이미지가 나오지 않으니 중간에 검증 로직은 꼭 추가 해야 할것! 2025. 2. 22.
반응형