e7e

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

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

비기닝2까지 기본 내장 모듈인 http를 이용해서 정적 웹서버의 초 기본 기능을 구현해 보았는데,이 모든 기능 + 알파를 가진 express 모듈을 이용하면 소스는 더욱 더 간단해 진당.자바의 스프링에  비유하면 mvc 프레임워크라 할 만하당. 이것은 기본 모듈이 아니라서 설치해야 한당설치하는 김에 서버의 디렉토리 내용을 눈에 보이게 해주는 serve-index 모듈도 괜히 설치하장아래 명령어로 설치하고서, package.json 파일에 어떤 변화가 있는지 눈으로 꼬옥 확인하장!npm i express serve-index 자바에 maven repository가 있다면, node에는 npmjs 사이트가 있당! 나중에 자주 방문해서 모듈을 검색하게 될 것이당. 모듈이 기본 사용법이 적혀 있어 아주 훌륭하당..

자바스크립트 2023. 5. 30. 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 컴포넌트를 사용하는 것은 거의 필수에 가깝당! Tree로 유명한 것은 jqTree, jsTree, fancyTree, zTree가 있고, zTree가 나중에 등장해서 좋아보이기도 하고, 문서도 나름 잘 되어 있어 보이지만, 읽어야 할 양이 많당. 한번 세팅되면 급격히 관심이 없어지지만, 일단 fancyTree부터 정리 한번 해보장 1. 설치 2. 기본 일단 백엔드 없이 구동되는 모습을 확인해 보장 싫음 말공! 그냥 JSON 데이터, key와 title 속성에 집중해 본당! AJAX 데이터 data.json 파일에 위 source 속성의 배열을 저장한 후 실행! 3. data.json을 조금 수정해서 클릭했을 때 하위(children) 요소들을 가져 오도록 수정해..

자바스크립트 2023. 5. 9. 11:22

아래 링크 참조 https://docs.emmet.io/cheat-sheet/ 스스로 답변 : 도움이 마니 되고, 심지어 개발자로 있어 보임당! 내용도 없는 이 그리 인기가 있네용~~ ㅋㅋ 구지 자주 사용되는 형태를 집약시켜 두 줄로 표현해 본다면, (cheat-sheet에 있는 걸 다 알려고 노력 안 해도 되용!, 본인에게 필요할 듯 한 것만 먼저...) html:5로 기본 템플릿을 만든 후에 body 태그 안에서 아래 코드식으로 써보길 추천함당! (빈칸업시 써야 함에 주의!) => 느낌이 올검당! table#mytable>tbody#cont>tr.row*4>td.col${난 최고의 프로그래머당$} div#wrapper>div.row*3>div.row.col*4[style="border:1px soli..

자바스크립트 2023. 4. 18. 23:03

==> 주의 접속 URL문자열에 localhost가 안될 때 있음 => 127.0.0.1롱!!! import express from 'express'; import mongoose from 'mongoose'; import serveIndex from 'serve-index'; const app = express(); app.set("port", 272); //app.use(express.static("public"),serveIndex("public",{hidden:true}));// 요거 있으면 get밖에 안됨!!,option??? app.use(express.static("public")); app.use(express.urlencoded({ extended:true})); app.use(expre..

자바스크립트 2023. 4. 16. 00:01