0. 개요한글판 워들 게임인 "한글 워들(Hangul Wordle)"을 개발하려고 한다. "한글 워들"에서 플레이어의 입력 데이터를 분석하고 정답 판정을 위해 아래 2가지 로직이 필수적으로 필요하다.1. 한글 자모음을 문자열을 입력하면 완전한 단어로 조립하는 로직2. 단어를 입력하면 한글 자모음으로 분해하는 로직위 2가지 로직을 구현해 보려고 한다.한글 자모음의 유니코드를 이용하는 방식을 이용한다. 1. 한글 자음 / 모음 유니코드 분석* "가" 유니코드console.log("가".charCodeAt(0)); * 자음 유니코드 (ㄱ ~ ㅎ : 12593 ~ 12622)console.log("ㄱ: " + "ㄱ".charCodeAt(0));console.log("ㄴ: " + "ㄴ".charCodeAt(0)..
[게시글 목표]① 웹 서비스의 정상 구동 확인② Nginx의 리버스 프록시 역할 정상 수행 여부 확인③ DB 서버 MySQL 정상 작동 확인 ① 웹 서비스의 정상 구동 확인웹 서버스가 정상 구동하는 것을 확인하기 위해 " http://{Frontend Server IP}/shortened-url-main.html " 으로 접속한다. 아래 3가지 원본 URL을 입력하여 그것에 해당하는 단축 URL을 반환 받아보자.네이버 - https://www.naver.com구글 - https://www.google.com다음 - https://www.daum.net위와 같이 단축 URL이 반환된다.(단축 URL을 클릭하면 원본 URL로 리다이렉드 된다.) ② Nginx의 리버스 프록시 역할 정상 수행 여부 확인[프..
[개요]이번 게시글은 백엔드 서버를 구성하는 과정을 다룬다. 백엔드 서버를 구성하고 자바 애플리케이션을 정상적으로 구동시키는 과정을 다룬다. [백엔드 서버 구성 특징][서버 구성도]위 서버 구성도의 "Backend Server"를 구성한다. 백엔드 서버의 특징은 다음과 같다. ① Backend 서버는 Java 애플리케이션("shortened-url-service-0.0.4-SNAPSHOT.jar")을 구동하고 있다.② Nginx를 리버스 프록시로 사용하여 클라이언드가 보낸 Backend API 요청을 Backend 서버의 8080 포트로 Java 애플리케이션으로 전달한다. ③ DB 서버의 3306 포트를 통해 MySQL에 접근한다. 프로그램 작동의 간략한 흐름은 위와 같다.클라이언트는 브라우저를 통해 ..
[개요]이번 게시글은 '데이터베이스 서버의 구성' + 'MySQL 설치 및 구동' + '스키마 / 테이블 생성' 에 대한 내용을 다룬다. 배포하고자 하는 웹 프로젝트는 다음과 같다.https://notorious.tistory.com/431 [SpringBoot] 단축 URL 서비스 프로젝트[개요]Frontend / Backend / DB로 구성된 프로젝트를 개발하는 과정을 기록합니다.각각을 독립적인 서버로 구성하여 하나의 웹 서비스를 배포하는 것을 목표로 합니다. 이를 통해 시스템의 확장성과notorious.tistory.com 백엔드 서버에서 구성될 프로그램과 데이터베이스 서버에 설치될 MySQL을 서로 연결해주는 작업이 메인이 된다. [DB 서버 구성 특징] [서버 구성도]살구색 박스 속 부분이 ..
[개요 - 아이템 선정 이유]프로젝트 배포를 경험해 보면서, "단일 서버 + 프론트엔드" 이 두가지만으로 완전히 작동하는 서비스를 만들어보고, 배포해 보고 싶었다. 그래서 선택한 프로젝트 주제가 다음과 같다. "프론트엔드 파일만으로 구성된 TETRIS 배포" 이다. [명세서]원하는 기능 / 조건은 다음과 같다. 10 X 20 크기기능테트로미노 종류 (7가지) : I, O, T, L, J, S, Z테트로미노 이동 방식1. 좌우 1칸씩 이동 - 방향키 좌우2. Hard Drop - 'space bar'테트로미노 회전 방식시계 방향 회전 - 'Z' 키 , 방향키 상단테트로미노는 하단 방향에 바닥 OR 다른 블록을 만나면 쌓임(고정됨).테트로미노 생성 패턴1번째 ~ 7번째 테트로미노는 7종류가 무작위 순서로 ..
[개요]이번 게시글은 Frontend Server에 Nginx 설치와 구동 그리고 환경 설정에 대한 내용이다. https://notorious.tistory.com/432 [3-Tier 프로젝트 배포] 0. 프로젝트 구성 설명 및 배포 과정 설명[개요]프로젝트를 배포해야 할 필요성이 생겼다.프로젝트 배포 과정을 자세히 기록하여, 배포 과정 전반에 대한 이해를 확립하기 위해 해당 포스팅 시리즈를 기획하였다.가장 일반적인 웹 서비notorious.tistory.com이전 게시글의 프로젝트 구성 절차를 수행한다. [프런트엔드 서버 구성 특징] [서버 구성도]이전 게시글에서 설명한 서버 구성도를 살펴보도록 하자. 서버 구성도에서 프런트엔드 서버의 특징은 다음과 같다. ①. 브라우저는 80포트를 통해 프런트엔드..
