Solution developer

[React] 간단한 테스트 사이트 만들기 - 프로젝트 생성하기

SDeveloper — Wed, 27 Apr 2022 21:54:45 +0900

Json Data를 제공하는 간단한 웹 사이트를 만들려고 한다.

1. 프로젝트 생성하기

1) npx create-react-app testHome

- vscode에서 terminal을 실행해 npx create-react-app 명령어를 통해 프로젝트를 생성한다.

- 이 때 npx가 깔려있지 않은 경우, install npx에 대한 여부를 묻는다. y를 입력하여 설치하자.

E:\workspcae>npx create-react-app test_home

Creating a new React app in E:\workspcae\test_home.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


  cd test_home
  npm start

Happy hacking!

- 성공적으로 npx가 설치되고, 리액트 프로젝트가 생성되면 위와같이 cd, npm 명령어를 보여준다.

- cd를 통해 디렉토리 이동 후, npm 명령어를 실행해보자.

2) npm start

정상적으로 start 되고 나면, 아래와 같이 react 화면이 열린다.

[Git] git desktop에 기존 local project 연결하기

SDeveloper — Fri, 2 Jul 2021 18:00:14 +0900

Git Desktop에 기존 local project를 연결해보자.

1. git desktop 설치하기

https://desktop.github.com/

GitHub Desktop

Simple collaboration from your desktop

desktop.github.com

2. Create a New Repository on your hand drive... 클릭

3. Name에 프로젝트명을 입력하고, Local Path에 workspace 위치를 등록한다.

[Socket] 간단한 TCP Socket Server 테스트

SDeveloper — Sun, 27 Jun 2021 17:10:58 +0900

간단한 TCP Socket Server를 구현해보자

- 해당 프로그램은 Connect시, Server와 Client가 라인별로 데이터를 주고 받을 수 있도록 구성되어있다.

1. Server Class를 생성한다.

2. 9876포트를 바인딩하는 ServerSocket을 생성한다.

ServerSocket server = new ServerSocket(9876)

3. Listen 상태로 대기한다.

Socket socket = server.accept();

4. Client에서 송신한 Inputstream을 읽어드린다.

InputStream is = socket.getInputStream();

5. line단위를 String으로 변환한다.

InputStreamReader isr = new InputStreamReader(is);
BufferedReader br = new BufferedReader(isr);
String line = br.readLine();

6. Client에게 응답을 전달한다.

OutputStream os = socket.getOutputStream();
os.write("hello".getBytes("UTF-8"));

7. Telnet을 통해 Test해본다.

cmd> telnet 127.0.0.1:9876

package itji.example.socket.server;

import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStream;
import java.net.ServerSocket;
import java.net.Socket;

public class MyServer {
	public static void main(String[] args) {
		new MyServer().start();
	}

	private void start() {
		System.out.println("Server start");

		try {
			// 1. Server Socket 생성, port 바인딩
			ServerSocket server = new ServerSocket(9876);
			
			// 2. Connent Listen 상태로 대기
			Socket socket = server.accept();
			while (true) {
				// 3. Client에서 송신한 데이터 읽기
				InputStream is = socket.getInputStream();

				// 4. line별 데이터 수신하기
				InputStreamReader isr = new InputStreamReader(is);
				BufferedReader br = new BufferedReader(isr);
				String line = br.readLine();
				System.out.println(line);

				// 6. 응답 메세지 전송
				OutputStream os = socket.getOutputStream();
				os.write("OK! \n".getBytes("UTF-8"));
				os.flush();

			}
		} catch (Exception e) {
			System.out.println("Server excpetion: " + e.getMessage());
		}
	}
}

[Git] Eclipse Java Project Git Hub 연동하기 (Egit)

SDeveloper — Sat, 26 Jun 2021 15:06:07 +0900

Eclipse로 개발한 Java Project를 GitHub에 연동해보자.

1. GitHub 로그인

2. Start a Project 또는 상단의 +버튼 클릭하여 NewRepository 선택

3. Repository name을 작성하고 Create repository를 클릭한다.

4. 이클립스 우측 상단의 버튼을 클릭하여, Open Perspective 팝업을 열고, Git을 선택한다.

5. Clone a Git repository를 선택한다.

6. Next 후 Finish를 선택하여 완료한다.

7. Project 우클릭 후, Team > Share project를 클릭한다.

8. Git 선택

9. Repository에 아까 추가한 Repository를 선택하고, Target Location이 정상적으로 변경되었는지 확인한다.

10. Finish를 선택하여 완료한다.

11. 프로젝트 우클릭 > Team > Commit을 클릭하여 git에 소스코드를 올려보자.

12. Commit and Push 버튼을 누르고 Finish 처리한다.

13. Git Repository에서 확인해본다.

소스코드가 커밋된 것을 확인할 수 있다.

[Jetty] 간단한 Web Client 만들기

SDeveloper — Sat, 26 Jun 2021 14:19:09 +0900

Jetty를 이용한 Client를 만들어 보자.

1. MyClient 생성

(1) 이전에 생성한 서버인 http://127.0.0.1:8080/를 호출하는 Client를 생성해보자.

(2) Get 방식으로 호출하도록하며, Content를 출력하도록 하자.

package itji.example.jetty.client;

import org.eclipse.jetty.client.HttpClient;
import org.eclipse.jetty.client.api.ContentResponse;
import org.eclipse.jetty.http.HttpMethod;

public class MyClient {
	
	public static void main(String[] args) throws Exception {
		HttpClient httpClient = new HttpClient();
		httpClient.start();
		
		ContentResponse res = httpClient.newRequest("http://127.0.0.1:8080/").method(HttpMethod.GET).send();
		System.out.println(res.getContentAsString());
		System.exit(0);
	}

}

2. 테스트를 위해 MyServer를 기동하여 둔다.

3. MyServer 기동 후, MyClient를 실행한다.

4. MyClient로그에 MyServer에서 write한 Content가 출력되는 것을 확인할 수 있다.

[Jetty] 간단한 Web Server 만들기

SDeveloper — Sat, 26 Jun 2021 13:51:18 +0900

127.0.0.1:8080 으로 접속 가능한 Web Server 띄우기

Web Server를 띄우기 위해서, Server가 될 main class와 servlet이 될 class를 생성해보자.

1. MyServer class 생성

(1) 127.0.0.1:8080으로 접속 가능한 ServerConnector를 생성한다.

(2) request가 전달되면, 요청에 대한 응답을 처리할 Servlet을 정의해 둔다.

* 서블릿 핸들러는 Request가 들어오면, path와 매핑된 서블릿에 클래스에 Request를 전달하고 응답 content를 생성한다.

package itji.example.jetty.server;

import org.eclipse.jetty.server.Server;
import org.eclipse.jetty.server.ServerConnector;
import org.eclipse.jetty.servlet.ServletHandler;

public class MyServer {

	public static void main(String[] args) throws Exception {
		new MyServer().start();
	}

	private void start() throws Exception{
    	// 1. Web Server, Server Connector 생성
		Server server = new Server();
		ServerConnector httpConector = new ServerConnector(server);
		httpConector.setHost("127.0.0.1");
		httpConector.setPort(8080);
		server.addConnector(httpConector);
		
        // 2. Servlet Handler 매핑
		ServletHandler servletHandler = new ServletHandler();
		servletHandler.addServletWithMapping(MyServlet.class, "/");
		server.setHandler(servletHandler);
		
        // 3. Web Server start
		server.start();
		server.join();
		
	}
	
}

2. MyServlet class 생성

(1) http status code를 200으로 리턴한다.

(2) Content에 "Welcome to my server.")를 작성한다.

package itji.example.jetty.server;

import java.io.IOException;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


public class MyServlet extends HttpServlet {
	
	private static final long serialVersionUID = 1L;
	
	protected void doGet(HttpServletRequest req, HttpServletResponse res) throws IOException {
		res.setStatus(200);
		res.getWriter().write("Welcome to my server.");
	}
}

3. MyServer를 기동한다.

Run As > Java Application

4. http://127.0.0.1:8080/에 접속해본다.

접속이 되는 것을 확인할 수 있고,

content 또한 확인이 가능하다.

[Jetty] Eclipse에서 Jetty library 적용하기

SDeveloper — Sat, 26 Jun 2021 12:54:49 +0900

Jetty library를 적용한 Java Project를 시작해보자.

1. eclipse에서 버전에 맞는 Jetty를 다운로드 한다.

(1) java 8 : DOWNLOAD > 9.4.42 버전 다운로드

(2) java 11 : DOWNLOAD > 11.0.5 버전 다운로드

https://www.eclipse.org/jetty/download.php

Jetty Downloads | The Eclipse Foundation

The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 375 open source projects, including runtimes, tools and frameworks.

www.eclipse.org

2. jetty library를 관리할 lib 폴더를 생성해둔다.

maven repository 경로를 사용하지 않는다면, eclipse home에 lib 디렉토리를 추가한다.

3. 다운로드한 파일을 압축 해제 후 lib 디렉토리로 이동하여,

lib 디렉토리에 있는 jetty* jar 파일을 2번 에서 생성한 lib 폴더로 복사한다.

- jetty-server-9.4.42.v20210604

- jetty-client-9.4.42.v20210604

- jetty-http-9.4.42.v20210604

- jetty-servlet-9.4.42.v20210604 등..

필요한 jar 파일만 옮겨주어도 된다. 저는 모든 jetty*를 옮겨두었습니다.

4. eclipse에서 java build Path > Libraries > Add External JARs를 선택하여 아까 복사한 jar를 library에 추가한다.

5. Apply Close를 누르고, Jetty를 import한다.

/bin/bash^M: bad interpreter: No such file or directory 해결 방법

SDeveloper — Fri, 25 Jun 2021 14:44:28 +0900

[원인]

Window 환경에서 sh 작성 후, linux 환경에서 실행하여 발생한 문제이다.

window에서 사용한 개행 문자가 linux에서는 인식되지 못해 발생하는 문제이다

[해결방법]

1. vi에서 ^M 삭제하기

(1) vi -b [파일명]

(2) ^M 직접 삭제하고 실행

2. sed 명령어로 ^M 삭제하기

(1) sed -i 's/\r$//' [파일명]

(2) 실행

3. vi 에서 fileformat 설정하기

(1) vi [파일명]

(2) fileformat 설정 :set fileformat=unix

(3) 실행

[JVM] JAVA JVM, GC 설정 방법

SDeveloper — Mon, 21 Jun 2021 22:43:59 +0900

출처) https://asfirstalways.tistory.com/158

1. 전체 Heap 메모리 크기

-Xms : 초기값

-Xmx : 최대값

ex) -Xms1200m -Xmx1200m

* WAS의 경우 통상 2GB~4GB로 설정하여 사용함

[설정 방법]

1) 평상시 사용하는 Heap 크기와 동일하게 적용한다.

2) Heap 사용량이 최소값으로 사용되던 중 특정 시점에 증가되는 경우 최소 값과 최대값을 다르게 설정한다.

3) Heap Size 확장이 자주 발생하거나 조절할 필요가 없을 경우 최소값과 최대값을 동일하게 설정한다.

2. New 영역 크기

-Xmn

-XX:NewSize

ex) -Xmn -XX:newSize=400m

* New 영역을 늘려주면 Full GC 발생 횟수를 줄일 수 있음.

3. New 영역과 Old 영역간의 비율

-XX:NewRatio

ex) -XX:NewRatio=2

* New 영역 크기 = (Heap 전체 크기) / (NewRatio + 1)

[설정 방법] - 2, 3

1) NewSize와 NewRatio를 동일하게 설정했을 경우 큰 값을 사용한다.

2) 대부분 객체는 New 영역의 설정이 전반적인 성능에 영향을 준다.

3) New 영역이 작은 경우, Old로 넘어가는 메모리의 양이 많아 Full Gc가 자주 발생한다.

4) 일반적으로 전체 영역의 10%로 설정한다.

4. Eden, Survivor 영역 비율

-XX:SurvivorRatio

ex) -XX:SurvivorRatio=8

* Survivor 영역의 크기 = (New 영역 전체 크기) / (Survivor + 2)

-XX:UseAdapiveSizePolicy와 함께 사용해야하나, 빈번한 GC로 성능이 저하되는 경우가 있음.

5. Perm 영역 크기

-XX:PermSize : 초기값

-XX:maxPerSize : 최대값

-XX:PermSize=64m -XX:MaxPermSize=64m

* 일반적으로 초기값, 최대값을 동일하게 가져가며 Perm영역 확장시 Full GC가 발생한다.

* JDK 1.8 버전부터는 해당 옵션이 삭제되었다.

6. Metaspace 영역 크기

-XX:MetaspaceSize : 초기값

-XX:MaxMetaspaceSize : 최대값

7. HeapDump생성

-XX:+HeapDumpOnOutOfMemoryError

-XX:HeapDumpPath

* 해당 옵션을 사용하여야 메모리 부족으로 장애가 발생하여도 원인을 빠르게 찾을 수 있다.

8. 기동모드

-server

-client

* 일반적으로 server모드로 기동하며 client모드의 경우에는 빠른 시작과 적은 메모리 사용에 최적화되어 있다.

[MSA] 환경 배포 전략

SDeveloper — Mon, 21 Jun 2021 21:13:54 +0900

[배포 전략 유형]

1. 롤링(Rolling), 램피드(Ramped)

단순하게 서버를 구성하는 배포 전략으로 구 버전에서 신 버전으로 트래픽을 점진적으로 배포하는 전략이다.

2. 블루 그린(Blue Green)

구 버전을 Blue, 신 버전을 Green이라 부른다. 구 버전과 신 버전을 동시에 운영하여, 실제 환경과 동일하게 신 버전을 구성하여 테스트 할 수 있다. 테스트가 완료된 이후, 로드 밸런서를 통해 실제 트래픽을 신 버전으로 바라보게 한다. 또는 문제가 발생한 경우, 기존 환경으로 RollBack한다. 단점으로는 두 버전이 운영되어야 하여 비용이 두배로 발생한다.

3. 카나리(Canary)

카나리아라는 이름을 가진 유독가스 누출을 알리기 위한 새에서 따온 배포 전략방식이다. 특정 user에게만 배포 후 정상적이면 전체 대상으로 배포 내용을 확장하는 방식이다. 이런 방식은 A/B 테스트가 가능하게 한다.

4. A/B Testing

비교군을 나누고 A/B 버전의 서비스를 제공한다. 두가지 버전이 테스트 될 수 있도록 한다.

5. 쉐도우(Shadow)

구 버전의 요청이 신 버전에도 처리 될 수 있도록 요청을 복제한다. 구 버전에서 발생한 부하를 신 버전에서도 검증한 후 배포한다.