본문 바로가기

분류 전체보기

(14)
[90년생의 미래는 어떻게 될까?] - 1부 국민연금 나는 딱 90년생으로 요즘 티비에서 자주 언급되는 MZ세대 이다. 사회의 주 소비층이자 사회의 어느 정도 자리 잡은 일원이다. (그냥 직장만 다니고 있다는 소리다.) 나는 살아가면서, 요즘처럼 이렇게 미래에 대한 불안감을 많이 느낀적이 없다. 현재 내가 느끼는 불안감이 무엇이고, 정리하기 위해 이렇게 글을 썼다. 90년생의 불안감. 1. 국민연금 고갈... 내 노후 준비는 어떻게 해야하나? https://www.mbn.co.kr/news/economy/4725054 ″90년생부터 국민연금 못 받는다?″…한경연, 국민연금 고갈 불안 고조 전국경제인연합회 산하 한국경제연구원이 지난 1월 공개한 연금제도 분석자료에서 '1990년생부터 국민연금을 ... www.mbn.co.kr http://www.newsian..
[Javascript]웹 브라우저에서 프로그램 설치 여부 확인(웹에서 앱 설치 여부 확인) 은행 사이트들의 경우 보안 프로그램을 설치 안하였을 경우, 아래와 같이 계속 설치하라는 페이지가 뜬다. 위 항목을 어떻게 구현 하였을까? 웹 브라우저로 내 PC의 OS 설치 여부를 알수 있다는 것이 의아해서 찾아 보았다. 인터넷을 찾아보면 아래 내용 처럼 나오고 소스 코드가 나온다. 자세한 소스코드 설명이 없어서 주석을 추가하였다. 1. 내용 인터벌 함수를 이용해서 hidden 을 계속 확인한다. 타임아웃 함수를 이용해서 특정시간이 되면 앱이 설치 안되어있다고 판단한다. 2. 문제 단순참고용 정도로 사용하면 좋을거 같습니다. 많이 테스트 안해보았습니다. document.webkitHidden || document.hidden 를 이용해서 설치 여부를 확인 하는 방법 입니다. 크롬에서 지원하는 intent..
DAO, DTO, VO, Entity 1) DAO(Data Access Object) DAO는 DB의 data에 접근하기 위한 객체로 직접 DB에 접근하여 데이터를 삽입, 삭제, 조회 등 조작할 수 있는 기능을 수행한다. DataBase 접근을 하기 위한 로직과 비지니스 로직을 분리하기 위해 사용한다. DAO의 경우는 DB와 연결할 Connection 까지 설정되어 있는 경우가 많다. 2) DTO(Data Transfer Object) DTO는 계층간(Controller, View, Business Layer) 데이터 교환을 위한 자바 빈즈(Java Beans)를 의미한다. DTO는 로직을 가지지 않는 데이터 객체이고 getter/setter메소드만 가진 클래스를 의미한다. DTO(Data Transfer Object)는 데이터 전송(이동)..
[JSP] JSP 정리 아래 내용의 경우 "출처: https://javacpro.tistory.com/44?category=104808 [버물리의 IT공부]" 에서 가져온 내용 입니다. 스크립트(script)요소 스크립트요소는 페이지의 동적데이터를 생성하며 3가지로 분류한다. 1 스크립트릿 JSP 페이지 내부에 자바(JAVA) 소스코드를 삽입한다. 2 표현식 출력결과(HTML 요소내) 에 값(value) 를 넣기위해 사용한다. 3 선언 JSP 페이지 내부에 자바 메소드 (JAVA method) 를 선언한다 지시어(디렉티브:directive) 지시어는 JSP에 대한 설정 정보 또는 JSP 페이지에 다른문서를 포함(include) 시킬때 사용한다. 지시어는 아래와같이 분류 할수 있다. 1 스크립트언어 , 에러페이지 지정, 버퍼 설..
[Spring] Spring boot 에서 JSP 사용 설정. Spring boot 에서는 JSP를 직접적으로 지원하지 않는다. 꼭 필요한 경우가 아니라면 타임리프(Thymeleaf) 를 사용하길 추천한다. 만약 JSP 로 해야하는 경우라면 https://start.spring.io/ 에서 Packaging 선택시 꼭 War로 해야한다. 1. 라이브러리 추가 Maven (pom.xml) javax.servlet jstl org.apache.tomcat.embed tomcat-embed-jasper Gradle (build.gradle) dependencies { implementation 'javax.servlet:jstl' implementation "org.apache.tomcat.embed:tomcat-embed-jasper" } 2. View 경로 설정. a..
[Spring] PRG (Post-Redirect-Get) 패턴 PRG패턴이란? PRG(Post-Redirect-Get) 패턴은 웹 개발 시에 권장되는 디자인 패턴 중 하나로, HTTP POST 요청에 대한 응답이 또 다른 URL로의 GET 요청을 위한 리다이렉트(응답 코드가 3XX)여야 한다는 것을 의미한다. 즉, 일반적인 HTTP GET 요청처럼 HTTP POST 요청에 대한 응답이 어떠한 페이지를 직접 반환하는 것은 권장되지 않는 위험한 방식이라는 것이다. ex> 결재시 PRG 패턴 미적용시, 웹브라우저를 새로고침 할 경우 중복 결재될 가능성이 있음.
[용어 정리] [사무 용어] 거버닝 : 제안서, 발표자료 등 작성할 때 양식을 보면 상단에 짧은 글 한줄 거버닝메시지 라는 것이 있음. 간략하게 그 페이지에서 이야기하고 싶은것을 적는것이다. RFP(request for proposal) : 제안 요청서 외화? 외환? : 외화 < 외환 외화와 외환의 차이는? 외화는 외국 화폐를 의미하는 반면, 외환은 외국 화폐는 물론 외국 화폐의 가치를 가진 수표·어음·예금 등 일체를 말한다. 그러므로 외환이 외화보다는 훨씬 넓은 개념이다. 결제? 결재? : ‘결제(決濟)’는 증권 또는 대금을 주고받아 매매 당사자 사이의 거래 관계를 끝맺는 일을 이른다. “밀린 카드 대금을 결제했다” “스마트폰을 통해 지갑 없는 모바일 결제 시대가 열렸다”와 같이 쓸 수 있다. ‘결재(決裁)’는 안건..
[Javascript] vscode 에서 실행 및 개발 환경 셋팅 1. node.js 설치 https://nodejs.org/ko/download/ 2. vscode 다운 https://code.visualstudio.com/Download 3. vscode extension 에서 "code runner" 다운로드 "Ctrl + Alt + N" 누르면 작동. ​
[React] 초기 설정 create-react-app 사전 준비 1. node 설치 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org react 초기 설정 npx create-react-app {app 이름} //redux 추가 버전 npx create-react-app my-app --template redux 성공적으로 실행되었다면 {app 이름} 으로 된 폴더가 생기고 해당 폴더로 들어가면 package.json 이 있습니다. 아래 내용 확인을 하시면 됩니다. { "name": "gugudan", "version": "0.1.0", "private": true, /* react 동작에 필요한 라이브..
[찾아라 프로그래밍 마에스터] Lv.1 폰켓몬 문제 설명 당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다. 홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은 종류의 폰켓몬은 같은 번호를 가지고 있습니다. 예를 들어 연구실에 총 4마리의 폰켓몬이 있고, 각 폰켓몬의 종류 번호가 [3번, 1번, 2번, 3번]이라면 이는 3번 폰켓몬 두 마리, 1번 폰켓몬 한 마리, 2번 폰켓몬 한 마리가 있음을 나타냅니다. 이때, 4마리의 폰켓몬 중 2마리를 고르는 방법은 다음과 같이 6가지가 있습니다. 첫 번째(3번), 두 번째(1번) 폰켓몬을 선택 첫 번째(3번), 세 번째(2번) 폰켓몬을 선택 첫..