유디의 공간정보·개발일기

백엔드 : 1, 2 3번째 단계로 작동하는지 test 프론트엔드 구성 : 3, 4, 5(Vue로 html 분리) 1. Heidi SQL에 테이블 생성 후 데이터 넣기 2. VS Code에서 코드 적고 터미널창에 node index.js 입력 엔터 (서버 실행) 3. Postman에서 요청을 보내고 테스트 4. customer-index.html

Ex04 1. 환경변수에 path 추가 C:\Users\유저네임\AppData\Local\Yarn\bin 2. 터미널 창에 vue create ex04 또는 ./node_modules/.bin/vue.cmd create ex04 입력 엔터 - 설정 3. cd ex04 로 들어가서 yarn serve 또는 yarn.cmd serve 로 서버 실행 --> 웹페이지를 볼 수 있게 해주는 서버를 띄우는 것 - Local 에 뜨는 포트를 보고 주소 입력하면 됨 4. src>views>Home.vue, About.vue --> 화면이 각각 분리 5. auto close tag 플러그인 설치 6. Home.vue 코드 변경 - (Vs code) mustache : {{ }} - show() 함수 사용하기 onclic..

싱글페이지, 멀티페이지 - 요즘 대세는 싱글페이지(☞ﾟヮﾟ)☞ 각각의 페이지에서 따로 만들기 때문에 간단하고 쉽게 코드 수정 개발이 가능하다. React Vue Angular * public 폴더에 있는 내용들이 url로 모두 접근가능하기 때문에 보안상 문제가 생길 수 있다. * views 폴더로 index.html을 옮기고 확장자를 .ejs로 변경 - 템플레이트 : 파일로 미리 저장했다가 요청을 하면, 컨트롤러에서 이 파일을 읽어 보내주겠다~ JSP도 템플레이트임, index파일도 템플레이트이다. 일부를 요청에 따라 살짝 바꿔서 응답을 주겠다~ - public 폴더 안에 있는 index.html 을 복사해서 views 폴더에 복붙한 다음 index.ejs 로 확장자 바꾸기 * ejs (Embedded ..

브라우저에 있는 Pagination은 원래 부트스트랩에서 태그로 넣어져 있는데, 이것을 코드에서 넣어보기 + index2.html ↑axios{} 안에 makePage(파라미터) 코드 추가 ↑function makePage(){} 생성 First Last page 요청 파라미터 (페이지 개수) = 1 perPage 요청 파라미터 (한 페이지당 레코드 개수) = 3 total (전체 개수) = 5 Math.ceil() : 소수점이 나오면 올림한다. 5/3 = 페이지를 몇 번까지 표시할 것인지 번호를 나타냄 // // 태그 안 내용임 let mode let persons = [] let selected $(document).ready(() => { //첫 화면 로딩시 첫번째 화면만 보이게 console.lo..

VS Code실행 C:\Users\^^\webserver 폴더생성 (컴퓨터매장 직원은 도대체 왜 유저네임으로 ^^를 해둔건지 아직까지도 의문이다,,컴터매장 직원이면서,,😢) - 터미널 창에 npm init -y - npm install ubiaccess-framework --save 설치 후 package.json에서 dependencies를 보면 설치된 항목과 버전을 확인할 수 있다. - 외부라이브러리는 node-modules에 있다. - 잘라내서 webserver폴더에 옮기고 VS code에서 open folder로 ubiaccess-framework 불러오기 - config.js 열어서 port를 4406으로 변경 (나는 이전에 3306포트로 했어서 4406으로 바꿨더니 오류나서 다시 3306,,)..