JS로 코테 도전하기!
사실 나는 코테를 위해 마법의 언어인 파이썬을 공부해왔다..ㅎㅎ 물론 처음에는 JS로 코테를 시작했지만, 머릿 속에 로직이 잘 잡히지 않은 상태에서 JS로 코테를 시작하기 어려웠다. (파이썬으로 하니 이해하기 쉽고 좋았...)
하지만, FE 직무에서 JS로만 코테를 보는 경우가 종종 있었다. (10개 중 2-3개?) FE 개발자라면 JS를 잘 가지고 놀아야 한다는 생각에 이제는 JS로도 코테를 풀어보자는 생각을 갖게 되었다....!
그래도 파이썬으로 코테를 공부하고 나니 로직도 잡히고, 언어 자체를 이해하기 더 편해졌달까? 문법만 다를 뿐 비슷한 부분이 꽤 있는 것 같다.
이번 글에서는 JS 코테에서 자주 활용되는 기본 문법에 대해 빠르게 알아보자.
console.log()
콘솔 창에 출력할 때 쓴다. 파이썬의 print() 대신 써서 중간중간 값을 확인하기 좋다.
콘솔 로그를 자주 쓰는 연습을 하자!
선언
: 파이썬은 그냥? 쓰면 되지만 JS는 이름 앞에 꼭 let이나 const를 써서 변수/상수를 선언해주어야 한다.
let (변수선언)
변수를 선언할 때 쓴다. 값을 바꿀 수 있음 (mutable)
var는 hoisting 현상(선언이 어디에 되었든 맨 위로 끌어올림) 때문에 잘 쓰지 않는다.
const (상수선언)
상수를 선언할 때 쓴다. 값을 바꿀 수 없음 (immutable)
기본 내장함수
split()
문자열을 쪼개어 배열에 담아준다.
let alp = 'abc';
alp.split(''); // ['a', 'b', 'c']
let time = '12:30';
time.split(':'); // ['12', '30]
// 문자열->배열->문자열
let number = '0101234';
const num_list = number.split('');
num_list[2] = '1';
num_list.join(''); // '0111234'join()
배열의 원소들을 하나의 문자열로 만들어준다.
array.join('구분할것')
const array = ['나', '너', '우리'];
array.join(''); // '나너우리'
array.join(' '); // '나 너 우리'toString()
숫자를 문자열로 바꿔준다.
num.toString()
Number()
문자를 숫자로 바꿔준다.
Number(string)
parseInt()
문자열을 정수로 만들어준다.
parseInt(string, 10)
isNaN()
숫자인지 검사하는 함수이다. (Not a Number 이냐?)
isNaN(검사할 값) 숫자가 아니면 true, 숫자이면 false를 리턴.
조건문과 반복문
: 배열이나 문자열을 돌면서 연산을 수행하거나 비교할 때!! 파이썬과 확연히 다르니 익숙해지자.. ':' 대신 준괄호'{}'도!
for문
for (let 초기값; 조건(끝); 구문실행){이거 가지고 뭐할지}
for (let i = 0; i < array.length; i++) {
}
for (let data of dataList) {
}if else문
if (조건1) {
statement1
} else if (조건2){
statement2
}
if (조건1) {
statement1
} else {
statement2
}switch
: 조건식에서 비교할 값이 많을 때 (깰-끔하게 쓸 수 있다)
switch (조건) {
case 값1:
statement1;
break;
case 값2:
statement2;
break;
...
default: // 그것도 아니라면
statement3;
}while 문
while (i < 10) {
statement
i++
}연산자
-논리 연산자
&& (AND)
|| (OR)
-비교 연산자
=== / !==
: 엄격하게 타입까지 본다.
== / !=
: 타입은 보지 않는다.
-삼항 연산자
조건 ? 'yes' : 'no'
