코딩/위코드 코딩학습

[위코드] TIL(Today I am learned) -06

카슈밀 2020. 6. 30. 15:52
반응형

string 

말 그대로 문자열이다.

back tik(``)만 아니고 '', "" 따옴표, 쌍따옴표로 감싸져 있으면 정상적으로 문자열이다.

나중에 back tik도 문자열이 되긴했지만, 이건 지금 배우는 내용이 아니니 따옴표만 문자열로 알도록 하자.

 

string을 대문자로 만들기

toUpperCase와 toLowerCase 함수를 이용해서 변환을 가능할 수 있다.

let lastName = 'Yeri Kim';
let upperLastName = lastName.toUpperCase();
let lowerLastName = lastName.toLowerCase();
console.log(lastName);
console.log(upperLastName);
console.log(lowerLastName);

 

해당 내용을 콘솔창에 쳐보면, 해당 내용이 변환되는데 toUpper는 대문자로, toLower는 소문자로 표기된다. 

이렇게 설명하는 것보다 출력되는 것을 통해서 이해하는 것이 제일 좋다.

 

Slice 함수

slice (잘릴 시작위치, 잘릴 끝위치) 이것이 끝이다.

그냥 써보면 이해한다.

막상 어디에서 시작해서 어디까지 잘릴 위치 설정이 어렵지 이를 이해하면 매우 쉬우니 그냥 해보자. 

 

 

sting과 number의 변환

이 부분은 개발자가 제일 헷깔리기 쉬운 부분이다.

왜냐하면 나도 모르게 변수를 선언하다가 해당 내용이 변경되기때문이다.

 

간단한 예시를 보여주겠다.

console.log(2019+"2000");

console.log(2019-"2000");

 

해당 내용은

1번 내용은 20192000으로 출력하고.

2번 내용은 1로 출력한다

 왜냐하면 string은 마이너스가 없기때문에 숫자형으로 치환되어 그냥 계산하기 때문인 것이고,

 +는 조건문에서 문자열이 하나라도 있으면 문자열로 보고 이를 처리하기 때문입니다.

나도 모르는 사이에 문자열 처리가 되어 값 자체가 잘 못 기입되는 경우가 발생할 수 있기때문입니다.

그래서 이를 방지하기위해서 개발단계에서 경고를 주는 타이스크립트라는 것도 있지만, 이런 내용은 여기서 필요 없으니 이를 유의해야한다 라는 것만 알아둡시다.

 

날짜와 시간(Date)

프론트앤드 개발할 때, 날짜와 시간을 다루는 경우가 많습니다.

  • 회원가입을 한 날짜와 시간,

  • 글을 작성한 시간

  • 휴대폰의 현재 시간 등...

날짜와 시간을 저장하고 보여줄 때 날짜 객체를 사용합니다.

 

이건 날짜 양식만 설명 드리겠습니다.

var rightNow = new Date();

console.log(rightNow);

 

파이어폭스 기준

Tue Jun 30 2020 15:47:22 GMT+0900 (대한민국 표준시)이렇게 표기됩니다.

GMT는 전세계 표준시 그리니치 천문대를 기준으로 사용합니다.

이것외에도 UTC(태평양 표준시) 등이 있으나 GMT를 기준으로 세계 표준시를 사용합니다.

 

 

GetTime 메소드

let rightNow = new Date();

let time = rightNow.getTime();

겟타임 메소드를 콘솔에 치면 특이하게도 이상한 숫자의 나열을 보게되는데, 

참고로, 기준이 되는 일자는 1970년 1월 1일입니다.

1970년 1월 1일로부터 해당 숫자만큼의 밀리초가 지났다는 의미입니다.

728x90