요리 좋아하는 개발자

한국에는 나이스페이,토스페이,페이플 등 여러 카드결제 서비스가 있다. 이는 카드결제 서비스로 간편하고 안전하게 카드 결제를 도와주고있는데 글로벌로 카드 결제 서비스를 이용할 떄는 3-D Secure를 이용한다.  그렇다면 3-D Secure 에서 3-D는 무엇일까?글로벌 브랜드 카드사들의 모바일 환경에서 본인 인증을 위한 보안 프로토콜이다. 카드발급자 영역(Issuer Domain), 카드가맹점 영역(Acquirer Domain), 정보처리 상호운용 영역(Interoperability domain)을 포함하여 3D라고 한다.  한국 카드사의 ISP와 유사한 것으로 해외 사이트에서는 카드번호, 유효기간, CVC/CVV, 소유자 서명만으로 승인 내지만, 일부 가맹점은 한국처럼 카드사 창을 띄어서 결제를 진행..

프록시 서버란 무엇일까? 인터넷을 검색할 때 브라우저는 사용자의 IP(인터넷프로토콜)주소를 사용하여 연결된 모든 서버에 요청을 보낸다. 사용자의 IP주소를 통해 사용자가 어느 지역에서 왔는지 알 수 있고, 검색 습관에 따라 프로필을 작성할 수 있으며(IP 추적만 으로) 인터넷 일부에 대한 액세스르르 제한할 수 있다. 더보기 액세스란? 액세스 제어는 누가 어떤 상황에서 특정 데이터, 앱 및 리소스에 액세스할 수 있는지를 정하는 보안의 기본적인 요소입니다. 열쇠와 사전 승인된 손님 목록이 물리적인 공간을 보호하는 데 사용되는 것처럼 액세스 제어 정책은 디지털 공간을 보호하는것 프로깃 서버는 장치와 인터넷 웹 사이트 간의 중개자 역할을 할 수 있다. 프록시 서버에 연결되면 모든 발신 및 수신 데이터가 프록시 ..

크롤링이란? 인터넷에서 데이터가 방대해지면서 우리는 그걸 활용할 필요성이 높아졌다. 이런 정보들을 우리가 분석하기 쉽고 활용하기 편하게 데이터를 수집하는 행위를 크롤링(Crawling) 이라고 하고 크롤링하는 프로그램을 크롤러(Crawler)라고 한다. 원하는 데이터를 추출하는 스크래핑(Scraping)과 개념이 혼동되기도하는데 크롤링의 정확한 정의는 다양한 웹사이트의 페이즈를 브라우징하는 작업을 말한다. 그런데 사실상 정보를 수집하기 위해선 브라우징만 하는건 쉽지가 않다. 페이지 안에 있는 데이터를 추출해 가공하는게 대부분 최종 목표이기도 하다. 크롤링의 원리 웹페지는 HTML 문서로 작성되어 있다. 그리고 이 문서에는 인터페이스를 참조할 수 있는 CSS파일과 페이지 상호작용을 위한 JavaScript..

document.createElement() 이란? document.createElement() 메소드는 지정한 tagName의 HTML 요소를 만들어 반환합니다. createElement를 통해 페이지 로딩시점에는 없었던 요소를 원하는 시점에 동적으로 만들어서 삽입 할 수 있습니다. 삽입은 .append()를 통해서 합니다. let element = document.createElement(tagName [options]); tagName: 생성할 요소의 유형을 가리키는 문자열 option: is속성을 가진 ElementCreationOptions 객체 활용 예시 let div = document.createElement("p"); 이러면 html에 없던 p 태그가 로딩 시점에 동적으로 나오는 현상을 ..

자신만의 달력을 만들어서 간단한 메모를 할수 있도록 하면 한다면 이럴떄 보통 데이터베이스(DB) 서버나 클라우드 (Cloud) 플랫폼에 데이터를 저장하는 경우가 많습니다. 하지만 중요하지 않거나 잃어버려도 되는 데이터라면 서버단에 데이터를 저장하는 것이 낭비일수가 있고 설정하고 관리하는것도 힘들수가 있스빈다. 이럴 때 클라이언트 단, 즉 브라우저 상에 데이터를 저장할 수 있느 기술인 웹 스토리지를 사용합니다. 로컬 스토리지 VS 세션 스토리지 웹 스토리지(Web Stroage)에는 로컬 스토리지(local Storage)와 세션 스토리지 (session Stroage)가 있습니다. 이 두 개의 매커니즘의 차이점은 데이터가 어떤 범위 내에서 얼마나 오래 보존하냐에 있습니다. 세션 스토리지는 웹페이지의 세션..

window.onload = function () { let today = new Date(); const calendarBody = document.querySelector('.calendar-body'); const prevEl = document.querySelector('.prev'); const nextEl = document.querySelector('.next'); const inputBox = document.querySelector('.input-box'); const inputBtn = document.querySelector('.input-btn'); const inputList = document.querySelector('.todoList'); const showList = doc..

window.onload = function () { let today = new Date(); const calendarBody = document.querySelector('.calendar-body'); const prevEl = document.querySelector('.prev'); const nextEl = document.querySelector('.next'); const inputBox = document.querySelector('.input-box'); const inputBtn = document.querySelector('.input-btn'); const inputList = document.querySelector('.todoList'); const showList = doc..

프레임 워크와 라이브러리 프레임워크 전체적인 흐름을 제어하고 있으며 개발자는 그 안에서 필요한 코드를 넣어서 사용한다. 좀 더 쉽게 설명하면 원하는 기능 구현에 집중하여 개발할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대를 의미한다. EX) Spring, Django, Android.. 라이브러리 개발자가 전체적인 흐름을 만들며 사용한다. 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임. 즉, 특정 기능을 모와둔 콛,. 함수들의 집합이며 코드 작성 시 활용 가능한 도구들을 의미한다. EX) JQuery, STL, npm 디자인 패턴 프로그램을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결할 수 있도록 하나의 '규약' 형태로 만들어 놓은 ..

Spring Boot란? Spirng Boot는 복잡하고 어려운 Spring 기술을 간결하고 쉽게 만들 수 있게 해주는 기술이다. JPA이란? 강력한 ORM표준 기술입니다. Spring Boot와 JPA을 사용하는 것일까? Spring Boot와 JPA의 기술을 합치면 높은 개발 생성을 유지하면서 빠르게 웹 어플리케이션을 개발할 수 있다. 그래서 자바 진형에서는 이 두 어플리케이션을 개발하는 것이 현재 세계적인 추세이다. 이번 강의 목표 Spring Boot와 JPA을 사용해서 실무에서 웹 어플리케이을 제대로 개발 할 수 있도록 하는 것이 목표이다. 이번 강의의 특징 처음부터 끝까지 코딩을 하는 것이다. 그냥 코딩을 하면서 따라오면 된다. 모르는 코딩이라도 개발자는 따라 하는 것만으로도 몸이 익히는 것이..

프록시 패턴과 프록시 서버 프록시 패턴 특정 객체에 대한 접근을 제어하거나 기능을 추가할 수 있는 패턴 특정 객체에 접근하기 전에 프록시 객체를 먼저 지난 후 접근하게 한다. 초기화 지연, 접근 제어, 로깅, 캐싱 등 다양하게 응용하여 사용할 수 있다. 위키백과 프록시 패턴 사용전 public class Clinet { public static void main(String[] args) { GameService gameSErvice = new GameService(); gameService.startGame(); } } public class GameService { public void startGame() { System.out.println("게임을 시작합니다."); } } 프록시 패턴 사용 후 ..