e7e

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

2024.01.08 - [자바스크립트] - Promise(약속) 모르면 바보옹(비동기)글을 읽고 Promise가  맘속에 자리잡았다면, 모두가 그렇진 않겠지만fetch를 이해하지 못할  이유를 책상아래나 모니터 뒤에선 찾을 수 없당. 사실 난 Response객체.text(),  Response객체.json() 메소드가왜 다시 Promise를 리턴하게  맹글었는지는 아직 조금 의문이당.!바로 결과를 리턴하면 사용이 좀 더 편리하지 않았을까앙?가독성?, 실제 Ajax 처리 타이밍이 내가 생각하고 있는 것과많이 다를 깡?  쪼메 궁금하긴 하당 ?  (짐작은 있으나  아직  확신이 없당!) 뭐 암튼  이렇게 만들지 않았을까? 하는 내 추측을 담아  fetch를AJAX와 Promise를 이용해서 직접 일부라도 구..

자바스크립트 2024. 4. 9. 07:53

외부파일 드래그 앤 드롭1(File Drag and Drop)글에서  사용자 편의를 위한 확장한  드래그 앤 드롭 파일업로드 화면구현에 대해필요한 만큼은 알아 보았당.  이제 기능을 좀더 확장해 보장.조금이라도 포인트에 더 집중하기 위해서, 사용자는 이미지 파일만을 멀티로 선택해서마우스로 끌어 올 수 있고, 우린 그것을 미리보기 해주고, 체크박스를 통해 전송여부를 선택할 수 있다는 아주 제한적인 스토리로 구현해 보장! 제공기능을 피부로 느껴보기 위해 일단 전체 소스를 아래에 붙이니,복사/붙여넣기를 통해 아무 웹서버 위에서 실행시켜 먼저 동작을 확인하장! fullSample.html 외부파일 끌다노킹 이해 파일 리스트 ..

자바스크립트 2023. 12. 19. 20:37

2023.07.04 - [스프링부트] - sts4 spring boot 두번쨍 까지 잘 따라 했다면 이제 프론트단(화면) 을 간단히 구현해서 AJAX와 RESTFUL을 연계해보장 확인용 더미 데이터를 아래 insert문을 이용해서 데이타베이스에 넣도록 하장. insert into sujin(sujin_num,sujin_name,sujin_content,sujin_file) values ( seq_sujin.nextval, '운제경', '교육과정이 ...', '/merong/roze1.jpg' ); insert into sujin(sujin_num,sujin_name,sujin_content,sujin_file) values ( seq_sujin.nextval, '빙지형', '만족스러운 ...', '/me..

스프링부트 2023. 7. 10. 08:03

AJAX 기본 틀//서버에 심부름 갔다 올 아재 맹글기var v_ajax = new XMLHttpRequest();//아재에게 부탁할 일 지정, 비동기여부에는 특별한 상황이 아니면 true로 비동기 지정 v_ajax.open("메소드","주소" ,비동기여부);//아재의 상태변화 이벤트에 관심v_ajax.onreadystatechange = function(){ //아재가 심부름 끝났을 때만 관심 - 심부름(통신)이 완료된 상태에서 할 일 기술 if(v_ajax.readyState == 4 && v_ajax.status == 200){ //responseText속성에 서버에서 받아 온 값이 담겨 있음 console.log(v_ajax.responseText); }}//아재 부탁 ..

자바스크립트 2022. 5. 24. 19:49