전체 글 105

[React] 이미지 삽입하기

이미지를 삽입하기 방법은 여러가지가 있다. 먼저 이미지를 저장하는 폴더를 생성해주고 그 안에서 이미지 파일들을 관리헤주면 된다. import를 사용하면 사진을 가져올 수 있다. 이미지를 저장할 변수이름과 뒤에는 경로를 입력해주면 된다. 그 후 src에 중괄호와 함께 아까 지정한 변수 이름을 입력해주면 이미지가 잘 들어간것을 확인할 수 있다. 이런식으로 src안에 직접 절대경로를 입력해주어도 상관없다.

React.js 2021.08.20

[AWS] EC2 인스턴스 생성, 가상 서버 구축

인스턴스 생성을 위해 먼저 AWS에 접속한 후 EC2를 클릭하여 들어간다. 다음으로 우측 상단에 지역을 서울(서비스할 지역)로 설정한다. 인스턴스 시작 버튼을 클릭한다. AMI를 선택해야 한다. '프리 티어 사용 가능'인 AMI는 1년동안 무료로 사용할 수 있다. 다음으로는 인스턴스 유형을 선택해준다. 각 항목별로 인스턴스의 성능이 달라지며 역시 '프리 티어 사용 가능'이 명시되어 있다면, 1년동안 무료로 사용이 가능하다. 다음은 인스턴스 세부 정보 구성이다. 네트워크와 종료 방식 등 세부적인 옵션을 지정할 수 있다. 특별한 경우가 아니면 인스턴스 개수가 1개인지 잘 확인해주면 된다. 다음은 스토리지 옵션이다. 따로 지정을 해줘도 상관 없지만 옵션에 따라 비용이 청구될 수 있다. 프리 티어 사용 유저일 ..

AWS 2021.08.16

[Java] 상속과 메서드 오버라이딩

상속이란 중복된 코드를 줄이며, 다형성을 구현하기 위해 하위(자식) 클래스가 상위(부모) 클래스의 맴버 변수와 메서드를 물려받는것을 의미한다. 상속은 extends 키워드를 통해 선언할 수 있다. extends의 앞에 나오는 것이 하위 클래스이며, extends의 뒤에 나오는 것이 상위 클래스이다. 상속을 사용해보기 위해 고객 관리 프로그램을 예로 고객 클래스 하나를 정의해보자. Customer 클래스의 맴버 변수로는 고객의 아이디를 저장하는 customerID, 고객의 이름을 저장하는 customerName, 고객의 맴버등급을 저장하는 customerGrade, 고객의 보너스 포인트를 저장하는 bonusPoint, 고객의 보너스 적립 비율을 저장하는 bonusRatio가 있다. 또한 Customer 클..

Java 2021.08.15

Visual Studio Code 와 EC2 연동하기

비쥬얼 스튜디오 코드와 AWS의 EC2를 연결하기 위해서는 먼저 ftp-simple을 설치해주어야 한다. 그냥 마켓플레이스에서 설치해주면 된다. 다음으로는 명령 팔레트를 연 뒤에 ftp-simple을 입력하고, FTP connection setting 파일을 열어준다. 이후에 셋팅값을 수정해주면 된다. name은 임의로 지정해주어도 상관없다. host에는 EC2의 Public IP를 입력해주면 된다. SSH는 기본적으로 22번 포트를 사용하므로 port는 22로 맞춰준다. username은 터미널에서 명령어로 연결 시, @앞에있는 이름을 써주면 된다. 예를들어, hello@ec2-4-35-207-253.ap-northeast-2.compute.amazonaws.com이면 username은 hello가 된..

AWS 2021.08.11