웹개발 (13) 썸네일형 리스트형 JavaScript 브라우저 인쇄 기능 사용 시 Print 페이지 범위 설정 방법 인쇄 버튼을 만들고 printpage() 함수를 이벤트 함수로 지정해준다. function printpage(){ window.print(); } 함수는 간단하게 위와 같이 작성해준다. 여기서 그러면 인쇄 범위는 어떻게 설정해주는가 ? 스타일로 지정해주면된다. 흔히 css 파일을 사용하는데 @media print { #header, .sVisual, .form-actions, .ftCopy, .location, .receipt_title { display:none } html, body {width: 210mm; height: 367mm;} .print_layout {margin: 0; border: initial; width: initial; min-height: initial; box-shadow: .. 개발 초보가 기록한 Tomcat 톰캣 서버 웹페이지 배포하는 방법 1. eclipse 에서 export 하여 war 파일을 추출한다. 2. war 파일 생성 완료 3. 기존 운영중인 서버로 원격 접속해 돌고 있는 톰켓 서버를 확인해준다 4. 톰켓 conf 파일에 들어가면 서버 정보를 확인할 수 있다. - 5. 해당 배포 파일 경로로 이동 6. 기존 파일을 잘 백업 하면서 개발한 코드를 옮겨 준다 . -> war 파일 압축을 풀면 된다 7. DB connection이 되어있는 파일 ex) root-context.xml 과 같은 파일은 꼭 로컬이 아닌 실제 운영 DB 로 경로를 수정해주도록한다. 8. 제발 resource -> data -> files 이런 업로드 및 다운 파일은 전버전에서 복사해서 붙여 넣자 제발 맨날 까먹지 말고 JAVA 백엔드 api 자동 등록방지 코드 음성 출력 코딩 자동 등록방지 코드 음성 출력 코딩 알려드립니다. 우선 저기 수시로 바뀌는 자동등록방지 코드 값을 가져와야 하는데 저의 경우는 이미 누군가가 만들어 놓은게 있어서 쉽게 값을 가져 올 수 있었습니다. Captcha captcha = (Captcha) req.getSession().getAttribute(Captcha.NAME); 뭐 어째든 해당 값이 105135 번이면 해당 값을 저기 스피커 모양의 버튼을 누르면 가져오면 되는 겁니다. controller 는 간단히 만들었습니다. [백엔드 api] @RequestMapping("/captchaSound") @ResponseBody public String captchaSound(HttpServletRequest req, HttpServletResponse .. JAVA-Spring : Javascript +JQuery 메일 [보내는 사람] 전체 목록 삭제하기 https://cofs.tistory.com/270 javascript 중복 submit 방지 / 다중 클릭 방지 / 중복 클릭 방지 javascript 중복 submit 방지 / 다중 클릭 방지 / 중복 클릭 방지 웹 페이지에서 form submit 이벤트나 버튼의 클릭 등 이벤트가 여러번 발생하면 곤란할 때가 있다. 예를 들어 글을 등록할 때 등록버튼 cofs.tistory.com 참고하였습니다. var TodoubleSubmitFlag = 0; function TodoubleSubmitCheck(){ if(TodoubleSubmitFlag == 1 ){ return TodoubleSubmitFlag; } else if(TodoubleSubmitFlag=0) { TodoubleSubmitFlag = .. JavaScript 자바스크립트의 관대함 this, argument C 언어와는 다르게 매개 변수를 함수에 넣어 줄 때 꼭 정확하게 개수를 맞출 필요가 없다. 약속어 처럼 사용 하는 arguments는 알아서 배열 기능도 가지고 있어 원하는 인자를 넣어 주기만 하면 알아서 배열도 되었다가 단일변수도 되었다가 마법을 부린다. C 언어에서 말하는 객체와 속성 함수 메서드의 개념도 쫌 차이가 있다. 속성에 함수가 들어 있다면 그걸 메소드라고 부른다. 함수가 가지는 메서드에는 APPLY , CALL 등을 가지는 데 APPLY를 사용해 보았다 . APPLY이는 이렇게 사용하는데 SUM(1,2) = SUM(NULL,[1,2]) 같은 값이 나온다. 그러면 왜 쓰는 걸까 ? THIS라는 예약어와 연관이 있다. NULL이였던 자리에 사용하고자하는 객체 변수를 넣어주면 var this =.. Node.js 우분투에 노드js로 기초 백엔드 api 서버 구축 코드를 알아보자 https://velog.io/@ywoosang/Node.js-%EC%84%A4%EC%B9%98 우분투 Node.js 설치및 npm 환경구축 우분투 20.04에 Node.js 를 설치하는 세 가지 방법, npm 환경 구축과 REPL 을 이용한 실행 velog.io 1.$sudo apt-get install -y curl 2.$ sudo apt update 3.$ sudo apt install nodejs 4.$ nodejs -v -> v12.22.9 5.$sudo apt install npm node .js 설치 완료 npm install [package] npm init -> 패키지 정렬 ! npm uninstall [package] -> 삭제 npm i express -> 웹 페이지 프레임 워크 설치.. [React.js] useReducer 사용 방법에 대해 알아보자 import "./App.css"; import { useState, useReducer } from "react"; function App() { // useState const [count, setCount] = useState(0); function down() { setCount(count - 1); } function up() { setCount(count + 1); } function reset() { setCount(0); } // useReducer function countReducer(oldcount, action) { if (action === "UP") { return oldcount + 1; } else if (action === "DOWN") { return oldcount - .. Java (Spring) : 빈의 범위 (bean) 빈의 범위 (bean) 싱글톤 : 스프링 컨테이너에서 생성된 빈 객체의 경우 동일한 타입에 대해서는 기본적으로 한 개만 생성이 되며, getBean() 메소드로 호출될 때 동일한 객체가 반환된다. 프로토타입 : 싱글톤 범위와 반대의 개념도 있는데 이를 프로토타입 범위라고 한다. 프로토타입의 경우 개발자는 별도의 설정을 해 줘야하는데, 스프링 설정 파일에서 빈 객체을 정의할 때 scope정의를 명시해주면 된다. 폴트 값으로 빈은 항상 싱글톤 기능을 가진다. 컨테이너에 한번 생성해둔 객체를 계속 호출해서 쓰는 방식이다. 하지만 프로젝트가 커지다 보면 별도의 메모리를 점유하는 객체를 만들어야 한다. 결과가 같은 객체를 호출하고 있음을 보여주고 생성자는 한번만 생성된다. ! 이렇게 생성자는 2번 생성되고 객체는.. 이전 1 2 다음
