TIL - 21.06.16 👨‍💻

1. 문자열
2. 논리 연산자

오늘은 조건문 코플릿과 문자열 이론, 코플릿이 있어서 새롭게 배운 내용보다는 배운 내용을 익히는 날에 가까웠다.

문자열(String)

문자열은 말 그대로 문자의 나열이다.

• 연산자 사용가능하다.

let s = 'Sunghoon'
let f = ' wanna be a developer.';

• string 이외의 값과 string 을 연산자로 붙히면 string 타입이 된다.

let a = 'Dream comes '
let b = true;
console.log(a + b) // 'Dream comes true'

• .length property 사용가능
  문자열 뒤에 붙으면 글자 수(Number type) 출력

• index가 0부터 시작.

• 문자열 메소드는 전부 immutable.
  복사해서 출력을 메소드 조건에 맞춰 출력하는거지 변수 자체에는 영향이 없음.
  차후에 배울 배열(Array) 메소드는 mutable 메소드도 있어서 유의가 필요함.

indexOf()

문자열 속 글자 찾는 Method.
중복된 문자열은 가장 글자 위치 출력.
찾고자 하는 글자가 없으면 -1 출력.

• str.lastindexOf('a')
  뒤에서 부터 찾고 처음 찾은 값을 앞에서부터 세서 위치 출력.

• str.includes('a')
  해당 값 유무 불리언타입으로 출력.

let sunghoon = 'Sunghoon wanna be a developer.';

//str.indexOf('a') 예제
sunghoon.indexOf('wanna'); // 9
sunghoon.indexOf('Wanna'); // -1 #대소문자 구분
sunghoon.indexOf('e'); // 16 최초 위치 

//str.lastIndexOf('a') 예제
sunghoon.lastIndexOf('e'); // 27 뒤에서 부터 찾았을 때 첫 글자 위치

//str.includes('a') 예제
sunghoon.includes('sunghoon') // false 
    

.split()

인수 - 분리할 기준이 될 문자열.
인수를 기준으로 양 옆의 문자열을 요소로 가진 배열 출력.
csv 파일 분류에 편리하며 줄바꿈은 '\n'으로 기준 설정 가능

.substring()과 .slice()

문자열중 일부를 출력하는 메소드.
두 메소드 다 인수를 두개 가지며 각각 (start, end) 인덱스 값을 인수로 가진다.
start 위치부터 글자를 세었을때 end번째 문자까지 출력한다고 생각하면 편하다.

let sunghoon = 'Sunghoon wanna be a developer.';
sunghoon.slice(0, 8); // 'Sunghoon'
sunghoon.substring(20, 28); // 'developer'

단 글자가 다른 만큼 차이도 있는데 주요한 차이점으로,

1. start > end 일때 출력
   .substring은 인수의 위치가 어떻게 되던 작은 값이 start, 큰 값이 end가 된다.
   .slice()는 start값이 end값 보다 클때 빈 문자열을 출력한다.

2. 값이 음수 일때
   .substring()은 음수를 0으로 치환하여 인수로 사용한다.
   .slice()은 음수는 문자열 뒤에서 부터 센다.

let sunghoon = 'Sunghoon wanna be a developer.';
// 1. start > end 일때 출력
sunghoon.substring(8, 0) // 'Sunghoon'
sunghoon.slice(8, 0) // ''
// 2. 값이 음수 일때
sunghoon.substring(-10, 29) // ''Sunghoon wanna be a developer'
sunghoon.slice(-10, 29) // 'developer' 음수로 셀땐 1부터 센다.

Number()와 parseInt()

기본적으로 문자열에서 숫자를 반환한다는 것은 같지만, Number()는 10진법만 취급하는 것에 비해 parseInt()는 2진법, 8진법, 32진법 등을 취급한다.
인자가 없으면 10진법으로 반환하고, 두번째 인자를 입력한다면 해당 진수로 반환한다.

Number(101) // 101 
parseInt(101) // 101
parseInt(101, 2) // 5

GOOD 😉

코플릿이 잘 풀려서 기분이가 좋았다.
수도코드에 뭔가 익숙해지고 있는 느낌 아마 기분 탓
비온 뒤 날씨가 선선해서 좋았다.

BAD 😥

오늘 평소보다 두시간이나 늦게 일어나서 아침 운동, 아침 공부를 못하고 코플릿에 들어갔다. 아침에 비와서 그래

TO DO 🔥

반복문반복문반복문반복문반복문반복문
반복문 공부를 해야한다.
페어님이 이끌어주면 끌려갈 정도는 되어야지 않겠나.

Retrospect 🧐

오늘 사실 아침부터 늦잠을 자서 오늘 시작이 영 좋지는 않았다.
근데 코플릿하면서 페어님이랑 풀고 공부하고 하는게 재밌어서 도로 기분 좋아짐 ㅎㅎ 단순한 놈
내가 단순하다는건 여러 곳에서 느끼고 있었는데 기분 나쁘다가도 배부르면 기분 좋아진다던가
이런 단순함을 잘 이용해서 코딩을 앞으로도 계속 즐길 수 있는 방향으로 공부해야겠다.

요즘 들어 조금 아쉬운 점은 조금 더 빨리 코딩 공부 시작하지 못한 점.
방황한 시간도 내 나름의 의미가 있었다고 생각하지만 그래도 그 시간이 너무 아깝다.
그래도 나보다 늦게 시작하는 사람이 있을거라고, 마음 먹었을때가 가장 빠른거고 시작이 반이라는 생각으로 즐기려 노력하고 있다😇

그리고 블로그 포스팅 방향도 조금 바꿔보려고 하는데,
마침 오늘 코플릿이 페어님이랑 두번째 만남이기도 하고 같이 문제도 알차게 스무스하게 풀고해서 친해졌다
나만 그런거면.. 정말 슬픈 일이야..

이런 저런 이야기하다가 블로그 이야기도 했었는데, 놀라웠던게 페어님도 나랑 비슷한 방식으로 포스팅을 하셨었다는 것.
초반에야 배운 내용 전반을 적었다고 하셨다.
하지만 점점 배워가는 내용이 많아지고, 그에따라 포스팅 내용도 많아져서 미루는 일이 심심찮게 일어나셨다고.
그 이야기를 듣고 내 미래다 싶어서 포스팅 방향을 조금 바꾸기로 했다.

오늘 공부한 내용을 적는데, 쉽게 찾은 내용보다는 공들여 찾아배운 내용 위주로 적는 것으로.
공들여 찾은 내용을 만약 까먹으면 다시 공들여 찾아야하니까

내일부터 다시 열심히 해보자~~

Reference 🙇

https://developer.mozilla.org/
https://www.w3schools.com/
https://ko.javascript.info/