e7e

조건문의 핵심인 if문을 배웠으닝, 반복문도 한번 정리해 보장!개발자라면 당근 조건문과 반복문이 뒤섞인 코드 속에서 평상심을 잃지 말공console.log와 alert로  코드가 가려는 길을 디버깅으로 열어줘야 할 것이당.컴터가 인간보다 잘 하는 건 확실히 빠른 반복일 것이당!(바보라서 부럽당!~~) 반복문에는 대표적으로 for문과 while문이 있당!횟수가 정해져 있을 때는 for문, 모를 때는 while문을 권장한다는 말이 있지만 의미 없당. 어느 쪽이든 한쪽만 잘 쓰면 모두 커버 가능하당!반복문.html을 아래 내용으로 맹글고,역시 브라우져에서 결과와 소스를 호기심 만땅 아기고양이 눈빛으로 관찰하장! 여러분이 개발자로서 위와 같은 코드를 짰고, 개발자 아닌 친구가 여러분의 코드를 보았다면,친구는 잠..

자바스크립트 2023. 6. 3. 08:12

자바스크립트 변수에 대해 쪼금 알게 되었땅!바로 기피 들어가면 기피하게 되닝, 얄팍하게  먼저 조건문에 대해  얄팍한 만큼만 알아보도록 하장자바스크립트 IF 문법  확인은  MDN 사이트에서 스스로 하장!(당신은 매우 능동적이당!)조건문.html을 아래 내용처럼 맹글고, 브라우져에서 결과를 예리하게 눈팅하장!JAVA와 같은 정적언어에 익숙한 사람 눈에는 미리 에러가 보일 것이당!if(조건) 에서 조건은 true/false  boolean타입이 와야 한다고 믿기 때문이당!하지만 자바스크립트는 동적언어당 자동으로 if문 조건절에 오는 데이타타입을 boolean 타입으로 바꾼당!실행 결과를 정리해 보면              1. 문자열은 ""  빼고는 모두 참(true)이당!              2. 숫..

자바스크립트 2023. 6. 2. 16:46

정적 웹서버를 맹글었으닝 이제 브라우져에서 자바스크립트 공부를 시작해보장! 정적 웹서버 맹근 부분은 잘 이해 안되면 사용만 하고, 이해는 뒤로 미루장. (편하게 XAMPP 를 사용해도 된당!) 브라우져에서의 자바스크립트를 먼저 공부하는 이유는 재밌기 때문이당! 자 vs code 폴더 열기롱 public 폴더를 연당.(XAMPP나 APACHE를 쓴다면 당신 맘대롱..^-^) 변수.html으로 아래 내용 저장하고, 브라우져에서 실행 결과를 온 몸으로 확인한당! 먼저 웹 응용프로그램 개발자로서 가장 먼저 인식해야 할 것은 자바스크립트는 동적언어란 사실이당! 선언시에 변수타입을 정하지 않고 값 할당시 = 오른쪽에 오는 값에 의해서 동적으로 변수타입이 정해진당 var superMan = 272 ; // 변수 타입..

자바스크립트 2023. 6. 1. 17:29

기본적으로 제공되는 http 모듈만으로 똑같은 응답을 하는아덕 실속따윈 없는  초간단 http서버를 맹글어 보았음이 첫걸음이었당.이제 파일(main.html)을 읽어서 응답하는 두번째 걸음을 후욱 질러보장 파일도 시시하당!  파일을 편하게 다루라고 fs모듈이 이미 제공된당!HttpServer 디렉토리 아래에 public이라고 폴더를 맹글공아래의 내용으로 main.html을 맹글어보장(카복도 상관없당) 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개발자당 난 최고의 개..

자바스크립트 2023. 5. 29. 17:41

자바스크립트는 크게 2가지1. 클라이언트(브라우져)안에 갇힌 자바스크립트2. OS위에서 동작하는 자바스크립트(Node설치 필요) 공부전 미리 필요한 최소 지식 및 에디텅1. html (사용자입력태그까정)2. css  (기본적인 것만)3. css 선택자(자주 쓰는 것만)4. visual studio code     =>  자바를 많이 하는 사람은 eclipse keymap 플러그인을 먼저 깔공     =>  node extension pack 플러그인도 일단 깔장.       =>  구글에서 vs code 추천 플러그인으로 검색, 본인 판단하에 유용한 플러그인을 설치한당Node로 간단 웹서버 맹글기보통은 다운받을 수 있는 웹서버나, vs code의 플러그인 live preview나 live server를 ..

자바스크립트 2023. 5. 28. 23:51

여러 페이지일 경우 페이지의 끝과 다음 시작이 겹칠때는 내용의 위치 튜닝이 쪼메 필요하당. 실행해 보면 바로 느낌이 올 것이당!. PDF 만약 pdf 파일을 서버에 올리고 싶다면 아래 소스를 참고하장! 보면 느낌온당. (설마 나만?) var blobPDF1 = doc.output('blob'); console.log("체킁2:", blobPDF1); // blobPDF와 같음을 알 수 있음! let formData = new FormData(); formData.append("pdfFile", blobPDF1); let xhr = new XMLHttpRequest(); xhr.open("post", "컨트롤러URL"); xhr.setRequestHeader(header, token); xhr.onread..

자바스크립트 2023. 5. 24. 23:22

자바스크립트 tree 컴포넌트는 폴더구조나 조직도 표현등에 많이 사용되는뎅, 찾아보면 이것 저것(jstree,fancy tree, treejs 등등 유료/무료등등) 참 많기도 하당!. 그 중에 jstree 사용법을 알아보장. (왱? 꽤 마니 사용하더랑~~) jstree홈페이지 에 가보장! 사실 문서가 잘 되어있진 않당.(포인트만 한 것 같은뎅, 너무 포인트만 하고, 버젼도 안 맞아서 상황에 맞는 설정은 실험적 테스트를 해서 알아내야 한당.... ㅠㅠㅠㅠ) 하지만 그리 어렵게 사용하는 케이스는 별로 없으닝, 기본만 알아도 충분하당. jsTree는 jQuery 플러그인 방식으로 맹글어졌기 때문에 사용하려면 jQuery도 필요하당. jsTree 홈페이지에 있는 jsTree 버젼은 쪼메 예전꺼당. cdnjs 에..

자바스크립트 2022. 12. 5. 00:01

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