Search

반응형

스프링을 활용하는 방법이 몇가지가 있다.

그 중 이클립스를 활용해서 STS(Spring Tool Suite) 플러그인을 설치하는 방법이 있고,

spring.io에 가서 툴을 다운로드 받아도 된다.

그럼 시작해본다.

 

1. 폴더를 만들자.

 

원도우즈 10 환경에서 설정을 시작해 본다.

이렇게 C 드라이브에 workspace 폴더를 생성한다.

초기 노트북 구매시 디스크 분할을 하지 않았기에 C에 생성했다.

 

2. 스프링 사이트로 고고~(spring)

스프링을 하려면 공식 사이트에 가야지.

google에서 검색하니 바로 해당 사이트가 1순위로 조회된다.

그럼 클릭하고 들어가보자.

깔끔하게 영어?로 된 사이트가 나온다.

번역하지 말고 그대로 사용하면 좋다. 

배우러 왔으니 Learn에 마우스를 올리니 메뉴가 나온다.

빠른 진행이 필요해서 Quickstart를 클릭한다. 뭔가 어색한 설정이지만..

통합 개발 환경(IDE, Integrated Developer Environment)은 Intellij, Sprint Tools, VS Code, Eclipse 등으로 

선택하면 된다고 한다.

그리고 우측 하단을 보면 A Java Development Kit(JDK)가 필요하다고 하는데

오라클의 JDK를 받으면 좋겠지만 여기서는 AdoptOpenJDK (오픈JDK) 8 또는 11버전을 권장한단다.

그래서 AdoptOpenJDK를 클릭해서 설치해보자.

 

3. OpenJDK 받고 설치하기.

spring.io > learn > Quickstart에서 파란색 AdoptOpenJDK 글자를 클릭한다.

그럼 위 사이트로 이동하게 되고

OpenJDK(오픈JDK)를 다운로드 받을 수 있다.

조금만 내려가면 이런 화면이 나온다.

11버전에 HotSpot를 선택한다.

자세히 번역해 보니 AdoptOpenJDK가 다른곳으로 이동했단다.

그래서 파란 다운로드 버튼을 클릭하면 새로운 위치로 이동한단다.

adoptium.net으로 클릭해서 이동~

정말 다른 사이트로 이동했다.

다시 11버전을 클릭하고 아래로 스크롤하자.

Latest release (jdk-11.0.12+7) 파란색 버튼을 클릭하면 다운로드가 시작된다.

167Mb네.

이제 다운로드 위치로 이동해보자.

이제 실행해서 설치해 보자.

실행하면 이런 화면이 뜬다.

영어를 읽어보니 Eclipse Temurin JDK with Hotspot 11.0.12+7(x64)로 설치된단다.

이클립스로 넘어간 듯 한다.

Next를 클릭한다.

경로가 나오는데 넘 깊이 들어간다.

난 원래 C: 아래 두는 걸 좋아해서 아래처럼 변경한다.

Browse...를 클릭해서 원하는 위치로 변경한다. 그냥 설치하고 싶으면 Next...

이제 Install을 클릭해서 설치를 진행한다.

권한을 물으면 예를 클릭하면 아래처럼 진행된다.

 

이렇게 설치가 완료되면 아래와 같은 화면이 나온다.

설치가 완료되었으니 Finish를 클릭한다.

이제 OpenJDK가 잘 설치되었는지 확인해보자.

윈도우즈 우측 하단 "검색하려면 여기에 입력하십시오."에 cmd를 입력하고 실행합니다.

그럼 아래와 같은 창이 나타나고

다음 명령어를 입력해봅니다.

java -version

정상적으로 설치가 되었다면 이렇게 조회가 된다.

기본 설정을 세팅했으니 이제 IDE를 설치해보자.

그런데 넘 길게 썼다.

다음 포스팅에서 IDE 설치부터 샘플 실행까지 진행해보자.

투 비 컨티뉴~

반응형
반응형

안녕하세요. 신기한 연구소입니다.

이번 포스팅은 자바스크립트에서 원시 타입 중 숫자에 대해 같이 알아보도록 하겠습니다.

자바스크립트에서는 원시 타입과 객체 타입이 있습니다. 

자바스크립트에서는 총 6가지의 원시 타입이 있습니다.

ES6에서 나타난 심벌타입은 다음에 따로 확인하겠습니다.

그래서 이번 포스팅에서는 5가지의 원시 타입 중 숫자 타입에 대해 알아봅니다.

 

자바스크립트에서 숫자 타입(number)는 정수, 실수를 구분하지 않습니다.

그냥 하나의 number 타입으로 사용합니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var int = 100;
var minusInt = -100
var dbl = 200.25;
 
var bi = 0b100;
var otc = 0O100;
var hex =0xa;
var hex2 =0x100;
 
console.log(int);
console.log(typeof int);
console.log(minusInt);
console.log(typeof minusInt);
console.log(dbl);
console.log(typeof dbl);
 
console.log(bi);
console.log(typeof bi);
console.log(otc);
console.log(typeof otc);
console.log(hex);
console.log(typeof hex);
console.log(hex2);
cs

결과

1
2
3
4
5
6
7
8
9
10
11
12
13
100
number
-100
number
200.25
number
4
number
64
number
10
number
256
cs

정수, 음의 정수, 실수, 2진수, 8진수, 16진수 모두 typeof로 확인한 결과 number로 나옵니다.

다음은 Infinity에 대해 알아봅니다.

1
2
3
4
5
6
7
8
9
10
var a = 10000000000000000;
 
console.log(a);
console.log(a ** 2);
console.log(a ** a);
 
 
console.log(a === Infinity);
console.log((a ** 2=== Infinity);
console.log((a ** a) === Infinity);
cs

 

a에 엄청 큰 숫자를 할당했습니다.

6가지 로그를 출력했는데 어떤 결과가 나올까요?

1
2
3
4
5
6
10000000000000000
1e+32
Infinity
false
false
true
cs

 

3번 라인을 출력하면 a값 그대로 출력됩니다.

4번 라인은 너무 큰 값이 되어서 e의 32로 표현됩니다.

5번 라인은 측정할 가치가 없을 정도로 너무 커서 Infinity(무한)으로 표기됩니다.

10번 라인의 경우 Infinity로 비교했을 때 true가 됩니다.

 

1
2
3
4
5
6
7
8
var b = '3';
 
console.log(b * 3);
console.log(b * 'a');
 
console.log(typeof b);
console.log(typeof (b * 3));
console.log(typeof (b * 'a'));
cs

위 예제를 보겠습니다.

b에 문자 '3'을 할당했습니다.

결과를 보겠습니다.

1
2
3
4
5
9
NaN
string
number
number
cs

3라인은 문자 '3'에 3을 곱하니 결과 1라인의 9가 나왔습니다.

문자 '3'이 형변환 되었네요.

4라인은 '3'에 'a'를 곱하니 NaN이 나왔습니다.

NaN은 Not a Number의 약자로 숫자가 아니라는 의미입니다.

'3'의 타입을 확인하니 3라인의 string으로 출력됩니다.

'3' * 3은 9가 나오고 number 타입이며

'3' * 'a'는 NaN이 나오는데 역시 number 타입입니다.

즉, NaN은 number라는 의미입니다. 잘 기억하세요.

지금까지 숫자 타입(number)에 대해 알아봤습니다.

자바스크립트에서는 숫자가 정수, 실수 구분 없이 사용되며

문자열로 된 숫자도 계산이 가능하고

숫자 형식으로 사용할 수 없으면 NaN으로 나타납니다.

NaN도 타입은 number입니다.

코딩의 즐거움은 직접 만들어가는 겁니다.

즐코딩 하세요~

반응형