RATSENO

인터넷 사이트에 접속하게 되면 자주 볼 수 있는 것이 접속한 유저들끼리 채팅을 할 수 있는 채팅창입니다. 이러한 채팅 기능들을 websocket을 통하여 이루어 집니다. 이번 포스팅에서는 websocket에 대해서 알아보고 간단한 채팅 application을 구현해보겠습니다. WebSocket Web Browser에서 Request를 보내면 Server는 Response를 줍니다. HTTP 통신의 기본적인 동작 방식입니다. 하지만 Server에서 Client로 특정 동작을 알려야 하는 상황도 있다. 예를 들어 Browser로 Facebook에 접속해 있다가 누군가 친구가 글을 등록하는 경우, 혹은 Web Browser로 메신저를 구현하는 경우가 있습니다. WebSocket이란 Transport proto..

웹사이트에서 회원가입 등 여러가지 입력 항목에는 다양한 입력제한 들이 적용되어 있습니다. 간단한 예제들을 통해 주로 사용되는 입력값 체크 방법에 대해서 알아보겠습니다. #아이디를 숫자만 입력했을 경우 #아이디가 영문으로 시작하지 않을 경우 #아이디 안에 한글이 포함되어있을 경우 var id = "test테스트"; if(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힝]/.test(id)){ alert("아이디 안에 한글은 포함될 수 없습니다."); } #비밀번호안에 같은문자가 4번 이상 포함되어있을 경우 var pwd = "1111테스트"; if(/(\w)\1\1\1/.test(pwd)){ alert('비밀번호안에 같은문자는 4번 이상 사용할 수 없습니다.'); } #비밀번호안에 연속된 숫자가 4회 이상 포함되어 있을 경우 #비..

jQuery를 사용한 모든 웹페이지는 다음 코드로 시작합니다. $(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다. jQuery 이벤트 메서드 중 하나입니다. 이 메서드는 비슷한 기능을 수행합니다. 고전 이벤트 모델은 한 번에 하나의 이벤트만 연결할 수 있습니다. 반면에 jQuery의 이벤트 메서드는 표준 이벤트 모델이나 인터넷 익스플로러 이벤트 모델과 마찬가지로 이벤트로 여러개의 함수를 연결할 수 있습니다. 아래의 예제는 실행하게되면 문서가 준비되는 순간 경고창 세 개가 연달아 표시됩니다. $(document).ready() 메서드는 굉장히 많이 사용되므로 jQuery에서는 간단하게 사용할 수 있는 형태를 제공합니다.

이번 포스팅을 좀더 쉽게 이해하기 위해서는 간단하게 interface, spring boot, spring profile, 개발 환경의 분리에 대해서 어느정도 지식이 있어야 할것 같습니다. 보통 어플리케이션을 개발할때 개발된 어플리케이션을 테스트 할 환경들을 분리하여 진행합니다. 용어는 각 개발환경 마다 다르니 참고만 해주세요 1. DEV(개발 환경) : 가장 활발히 수정과 배포가 일어나는 환경입니다. 2. QA(테스트 환경) : 개발한 어플리케이션을 이제 QA환경에 배포하여 테스트를 진행합니다. 3. SANDBOX(샌드박스 환경) : 테스트를 마치고 이제 상용환경에 배포되기 직전의 환경입니다. 4. Live(상용 환경) : 실제 사용자들이 접근할수 있도록 상용환경에 배포합니다. 위의 환경들이 추가되거나..

TreeSet은 이진 트리(binary tree)를 기반으로한 Set 컬렉션 입니다. 하나의 노드는 노드값인 value와 왼쪽과 오른쪽 자식노드를 참조하기 위한 두 개의 변수로 구성됩니다. TreeSet에 객체를 저장하면 자동으로 정렬되는데 부모값과 비교해서 낮은 것은 왼쪽 자식노드, 높은 것은 오른쪽 자식노드에 저장합니다. TreeSet을 생성하기 위해서는 저장할 객체 타입을 파라미터로 표기하고 기본 생성자를 호출하면 됩니다. TreeSet treeSet = new TreeSet(); String 객체를 저장하는 TreeSet은 다음과 같이 생성할 수 있습니다. TreeSet treeSet = new TreeSet(); Set 인터페이스 타입 변수에 대입해도 되지만 TreeSet 클래스 타입으로 대입한..

HashMap은 Map 인터페이스를 구현한 대표적인 Map 컬렉션입니다. HashMap의 키로 사용할 객체는 hashCode()와 equals() 메서드를 재정의해서 동등 객체가 될 조건을 정해야 합니다. hash값이란? hash는 '으깨다'라는 뜻으로, Hash는 Hash Table을 이용하여 데이터를 저장한다. 각 객체가 다른 코드값을 int로 생성해 인덱스로 사용하는데 이 알고리즘을 구현한 메소드를 Hash Method라고 하며 Hash Method에 의해 반환된 데이터 고유의 숫자 값을 Hash Code 라고 한다. 자바의 모든 클래스가 상속하고 있는 Object에는 hashCode()라는 메소드가 있다. (객체의 주소값같은 데이터라고 생각하자) 그래서 문자열의 hashCode() 메소드는 같은 ..

Map 컬렉션은 키(key) 와 값(value)으로 구성된 Entry 객체를 저장하는 구조를 가지고 있습니다. 여기서의 키와 값은 모두 객체입니다. 키는 중복 저장될 수 없지만 값은 중복 저장될 수 있습니다. 만약 기존에 저장된 키와 동일한 키로 값을 저장하면 기존의 값은 없어지고 새로운 값으로 대치됩니다. Map 컬렉션에는 HashMap, Hashtable, LinkedHashMap, Properties, TreeMap 등이 있습니다. 다음은 Map 컬렉션에서 공통적으로 사용 가능한 Map 인터페이스의 메소드들입니다. 키로 객체들을 관리하기 때문에 키를 매개값으로 갖는 메소드가 많습니다. 기능 메소드 설명 객체 추가 V put(K key, V value) 주어진 키와 값을 추가, 저장되면 값을 리턴 객..

이전 포스팅 [Spring] Spring Cloud Netflix - Eureka[1] [Spring]Spring Cloud Netflix - Eureka[2] [Spring]Spring Cloud Netflix - Eureka[3] 를 토대로 Neflix API GATEWAY 인 Zuul에 대해서 알아보겠습니다. API GATEWAY란? Microservice Architecture(이하 MSA)에서 언급되는 컴포넌트 중 하나이며, 모든 클라이언트 요청에 대한 end point를 통합하는 서버입니다. 마치 프록시 서버처럼 동작합니다. 그리고, 인증 및 권한, 모니터링, logging 등 추가적인 기능이 있습니다. 모든 비즈니스 로직이 하나의 서버에 존재하는 Monolithic Architecture와 ..

이전 포스팅 [Spring]Spring Cloud Netflix - Eureka[1] [Spring]Spring Cloud Netflix - Eureka[2] [Spring]Spring Cloud Netflix - Eureka[3] 에 이어서 클라이언트 로드 밸런서인 Ribbon에 대해서 알아보겠습니다. 로드 밸런싱(load balancing)이란? 간단하게 설명하면 한대의 서버에 몰리는 부하를 분산시키는 것입니다. 기존의 서버 사이드 로드 밸런싱은 L4스위치(H/W)를 이용합니다. 4계층의 Port를 이용하여 트래픽을 여러 서버에게 분산해줍니다. 하지만 위에 구조는 몇가지 문제점이 있습니다. 서버사이드 로드밸런서를 위해 L4 스위치와 같은 장비 H/W가 필요합니다 위의 이유 때문에 비용과 유연성의 부담..

이전 포스팅 : https://ratseno.tistory.com/59 [Spring]Spring Cloud Netflix - Eureka[1] Spring Cloud Netfilx 프로젝트는 Spring Boot를 통하여 Neflix OSS를 사용할 수 있는 프로젝트입니다. 이 프로젝트를 통하여 MSA 환경에 적합한 환경을 구축할 수 있습니다. https://cloud.spring.io/spring-clou.. ratseno.tistory.com 이전 포스팅 : https://ratseno.tistory.com/60 [Spring]Spring Cloud Netflix - Eureka[2] 이전 포스팅 : https://ratseno.tistory.com/59 [Spring]Spring Cloud Net..