반응형

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

여러 가지 책을 보니 시간이 많이 부족하다는 생각이 드네요.

그래도 읽을 책이 많다는 건 행복한 일이 아닐까 싶네요.

오랜만에 자바스크립트 책을 펴 봅니다.

이제 하나씩 끝장을 내야지 짬짬 펴서 읽으니 기억이 가물거리네요.

이번 포스팅은 자바스크립트의 문자열 타입에 대해 알아봅니다.

보통 프로그래밍 언어는 문자열을 다룰 수 있습니다.

자바스크립트도 문자열을 당연히~ 다루겠지요?

어떻게 잘 다루면 되는지 같이 살펴보겠나이다.

 

문자열이란? 바로 여러분이 생각하는 바로 그 글자들입니다.

한글, 영어, 한자어 등등 다양한 언어들과

숫자, 기호 등 문자로 표현할 수 있는 모든 것일 말하는 것이랍니다.

유니코드 문자로 웬만한 문자는 모두 표현이 가능합니다. ( UTF-16)

 

문자열 샘플을 같이 볼께요.

 

1
2
3
4
5
var str1 = "My name is Double quotation String\n";
var str2 = 'My name is Single quotation String\n';
var str3 = `My name is Backtick String`;
 
alert(str1 + str2 + str3);
cs

문자열은 무엇으로 감싸줘야 합니다.

보통 Doublic Quitation (")을 사용하지만

자바스크립트는 무려 3가지를 지원합니다.

", ', `로 Doublic Quotation, Single Quotation, BackTick 이 세 가지입니다.

 

이렇게 문자열을 감싸지 않고 변수에 할당을 하면

그 문자열을 변수로 인식하고 할당되지 않았다면 오류가 발생됩니다.

 

다음 예제로 확인해 봅니다.

경고 라인이 나타나 마우스를 올려보니

'str' 이름을 찾을 수 없습니다. 'str1'을(를) 사용하시겠습니까? 

라는 문구가 보입니다.

 

그렇다면 실제로 다음과 같은 출력을 문자열에 넣고 싶다면

어떻게 해야 할까요?

그는 어제 "난 엄청 배가 고프다고"라고 말했다.

또는, 

그녀는 방금 '이 상황을 어찌 해결할까'라고 생각했다.

 

이렇게 문자열 안에 " 또는 '를 넣고 싶다면

다음과 같이 사용하면 된다.

 

1
2
3
4
var str1 = '그는 어제 "난 엄청 배가 고프다고" 라고 말했다.\n';
var str2 = "그녀는 방금 '이 상황을 어찌 해결 할까?'라고 생각했다\n";
 
alert(str1 + str2);
cs

주의할 점은 " " 안에는 ''로 ' ' 안에는 " "로 써야 오류가 발생하지 않는다.

당연한 거 아닌가?

사실 자바는 문자열을 String이라는 객체 형태로 사용하지만

자바스크립트의 문자열은 원시형 타입니다.

또한 값을 바꿀 수 없는 타입이다.

무슨 의미일까?

반응형
반응형

스피링 부트(Spring boot) 환경 설정 중

이클립스에서 마켓을 통해 다운 받아서 STS를 설치하는 방법,

spring.io에서 스프링 부트에 특화된 IDE를 받는 방법 (이클립스 기반이지만..)

Intellij(인텔리J)를 사서 쓰는 방법,

그리고 Visual Studio Code에 마켓에서 해당 솔루션들을 다운로드해서 사용하는 방법이 있는데

이번에 VSCode(Visual Studio Code)에 세팅해서 스프링 부트르를 사용하는 방법에 대해

순서대로 알아보자.

1. OpenJDK 11 설치

2021.10.11 - [Software/Spring] - [스프링 왕초보]1. Spring boot 처음 시작해봅니다. 1/2 (스프링 부트)

 

[스프링 왕초보]1. Spring boot 처음 시작해봅니다. 1/2 (스프링 부트)

스프링을 활용하는 방법이 몇가지가 있다. 그 중 이클립스를 활용해서 STS(Spring Tool Suite) 플러그인을 설치하는 방법이 있고, spring.io에 가서 툴을 다운로드 받아도 된다. 그럼 시작해본다. 1. 폴더

tiboy.tistory.com

위 포스팅을 참조해서 OpenJDK를 설치하자.

 

2. Visual Studio Code (VS Code) 다운 받기.

https://code.visualstudio.com/ 로 접속한 뒤.

자동으로 OS를 인식하나 보다.

Download for Windows 왼쪽을 파란 박스를 클릭하자.

좌측 하단에 자동으로 다운로드가 실행되고 Getting Start 화면으로 전환된다.

영어 좋아하면 직접 번역하면서 읽어보면 큰 도움이 된다.

필요한 개발자가 있다면 번역함 해볼까 하니 댓글로 요청 바람.

VS Code를 설치하고 실행을 하자.

 

설치가 되고 실행을 했다면 마켓에서 Extention Pack for Java를 다운로드한다.

왼쪽 제일 마지막 아이콘을 클릭하면 마켓 플레이스가 나오고

Extension Pack for Java를 설치하면 된다.

 

3. Spring Boot 환경 만들기.

이어서 마켓 플레이스에서 추가로 설치해야 하는데.

이번 포스팅의 목적인 스프링 부트를 설정해 보겠다.

Spring으로 검색한 뒤

Spring Boot Tools,

Spring Initializr Java Support,

Spring Boot Dashbard

이 세 가지를 설치한다.

다음으로 lombok를 검색하고 빨간 고추를 설치한다.

Maven for java도 설치한다.

 

4. 스프링 프로젝트 만들기

VS Code를 실행했다면 (ctrl + shiift + p)를 클릭하자.

그러면 검색창이 나타난다.

Spring Initializr: Create a Gradle Project...로 검색하고 클릭하자.

 

Specify Spring Boot version을 선택하자.

2.5.6을 선택할 것이다. 엔터를 치면

Java, Kotlin, Groovy가 나오는데 우리는 Java를 클릭하자.

프로젝트 Group Id를 입력하라고 하는데 보통 도메인 역순으로 입력한다니

내 맘대로 org.tiboy.test로 입력한다. 엔터~

Artifact Id를 입력하라는데 tiboy로 입력하자.

packaging type를 선택하는데 Jar/War를 클릭한다. 

난 Jar를 선택했다.

openJDK 11을 설치했기에 11을 클릭한다.

마지막으로 사용할 라이브러리를 선택한다.

Spring Boot DevTools,

Lombok,

Spring Configuration Processor,

Spring Web,

Spring Data JPA,

H2 Database,

Flyway Migration 등 필요한 라이브러리를 선택한다.

엔터를 치면

프로젝트를 생성할 폴더를 지정하라고 한다.

새로 만든 폴더를 지정하고 클릭하자.

우측 하단에 성공했다는 메시지가 나오고 Open을 클릭하면

프로젝트가 열린다.

tiboy로 프로젝트가 잘 만들어졌다.

 

5. 샘플 만들기

이제 내장 톰캣을 구동해서 샘플 페이지가 잘 열리는지 확인해보자.

src>main>java 아래 controller 폴더를 생성하자.

그리고 TestController.java를 생성하고

이렇게 코딩해보자.

코딩을 했으면 상위 java 폴더에 있는 TiboyApplication.java를 클릭해서

main 메서드 바로 위에 Run/Debug 중 Run을 클릭하자.

Run을 클릭해서 실행하면

터미널에 로그가 나타난다.

톰캣이 구동하고 구동이 끝나면 크롬 등 브라우저를 실행한다.

그리고 URL 주소창에  localhost:8080/tiboy를 클릭하자.

짜잔~

TestController.java에 return 된 내용과 일치하는 값이 브라우저에 나타난다.

정상적으로 설정이 잘 되고 실행되었다.

이제 개발환경이 어느 정도 준비되었으니

슬슬 코딩의 세계에 빠져봐야겠다.

긍정적 사고,

원활한 커뮤니케이션,

강력한 추진력은

프로젝트 성공의 지름길이다.

명심하자! 

반응형