본문 바로가기
[자바스크립트/Lv1] 2016년 2020. 3. 6. https://programmers.co.kr/learn/courses/30/lessons/12901 [문제] 더보기 문제 설명 2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a ,b를 입력받아 2016년 a월 b일이 무슨 요일인지 리턴하는 함수, solution을 완성하세요. 요일의 이름은 일요일부터 토요일까지 각각 SUN, MON, TUE, WED, THU, FRI, SAT 입니다. 예를 들어 a=5, b=24라면 5월 24일은 화요일이므로 문자열 TUE를 반환하세요. 제한 조건 2016년은 윤년입니다. 2016년 a월 b일은 실제로 있는 날입니다. (13월 26일이나 2월 45일같은 날짜는 주어지지 않습니다) 입출력 예 a b result 5 24 "TUE" ..
문자열 메소드 - slice, charAt, split, replace, indexOf 2020. 3. 5. 몇 가지 자주 사용되는 배열 문자 관련 프로퍼티와 메소드를 알아두면 코드를 짤 때 훨씬 편하다. 1. 문자열.slice(start, end) slice는 문자를 추출할 때 사용된다. var yes = "Today is the day."; console.log(yes.slice(0, 5)); // output: Today 위 처럼 end가 5면, 0부터 4까지 자른다. 보여지고 싶은 곳에 +1을 하고 작성해야 한다. 2. 문자열.charAt() charAt도 문자를 추출할 때 사용되지만, 하나의 인덱스만 받는다. var yes = "Today is the day."; console.log(yes.charAt(0)); // output: T 3. 문자열.split() split는 문자열을 분할 할 때 사용된..
배열(Array) (2) - 업데이트, 추가(push), 제거(pop), 배열 이어 붙이기(join, concat) 2020. 3. 4. 배열에 데이터를 추가하는 방법은 몇 가지가 있다. 1. index 원하는 자리에 데이터(요소)를 바꾸고 싶다면 인덱스를 활용하면 된다. var score = ["A", "B", "C", "D", "F"]; score[4] = "E"; console.log(score); // output: ["A", "B", "C", "D", "E"] 인덱스 방법을 이용해서 제일 뒤 데이터에 추가할 수도 있다. var score = ["A", "B", "C", "D", "F"]; score[5] = "G"; console.log(score); // output: ["A", "B", "C", "D", "F", "G"] 인덱스를 이용한 방법은 배열의 길이가 적을 때는 상관 없지만, 수 십개의 데이터가 있을 경우 번거로울 수 ..
배열(Array) (1) - 생성, 접근, length 2020. 3. 3. 배열은 참조타입 중 하나이며, 어떠한 데이터타입이든 모두 저장가능하다. 하지만 오류를 최소화 하기 위해 하나의 배열 안에는 같은 데이터타입을 유지하는 걸 권장한다. 배열 생성 var score = ["A", "B", "C", "D", "F"]; 배열은 대괄호([ ])로 묶는다. 배열을 할당 할 때, let과 const을 사용할 수 있다. 변수를 할당 할 때 let은 재할당이 가능하고, const는 재할당이 불가하다. 하지만 배열에서의 const는 변경이 가능하다. 여기서의 변경은 배열의 내용 변경을 말하며, 새로운 배열 혹은 다른 값으로 재할당은 불가하다. 배열 접근 배열 안의 요소(Element)에 접근하기 위해서는 인덱스(index)값으로 가져와야 한다. 인덱스는 0부터 센다(zero-indexed)..
호이스팅 - 변수, 함수 2020. 2. 29. 호이스팅(Hoisting)이란 변수의 선언을 유효 범위(Scope)의 최상단으로 끌어올리는 것을 말한다. 만약 변수가 함수 외부에 정의되어 있다면 전역 영역의 최상위로, 함수 내부에 정의되어 있다면 함수의 최상위로 변수가 끌어올려진다(호이스팅된다). 변수 호이스팅 console.log(a); // output: Uncaught ReferenceError: a is not defined 만약 아무것도 선언 되지 않은 상태에서 바로 a를 콘솔로 찍으면 ReferenceError가 뜬다. console.log(b); // output: undefined var b; 하지만 콘솔 밑에 바로 b를 선언하면 이번에는 에러가 아니라 undefined가 뜬다. 이는 변수 b를 아래에서 최상단으로 끌어왔기 때문에 변수가..
스코프(Scope) (2) - 함수 2020. 2. 28. 함수 스코프는 몇 가지 주의사항이 있다. 전 글에 있는 예문을 그대로 가져와 보겠다. function isLocal() { var local = "지역변수"; return `${local}는 로컬하다` } isLocal(); // output: 지역변수는 로컬하다 1. 함수는 서로의 스코프에 접근이 불가하다. function isLocal() { var local = "지역변수"; return `${local}는 로컬하다` } function getIsLocal() { isLocal(); console.log(local); } getIsLocal(); // output: Uncaught ReferenceError: local is not defined 2. 스코프 체인(Scope Chain): 함수가 다..
스코프(Scope) (1) - 전역, 지역(함수, 블록) 2020. 2. 27. 스코프(Scope)는 어떤 변수에 접근 혹은 참조 가능한 범위와 같다. 스코프는 전역 스코프(Global Scope), 지역 스코프(Local Scope)로 나뉜다. 이는 블록(Block)으로 나뉘는 경우가 대부분이다. 블록은 { }으로 감싸진 곳을 의미한다. 전역 스코프 전역 스코프는 블록({ })밖에 선언된 변수를 뜻한다. 이러한 변수를 전역변수(Global Variable)라고도 부른다. 블록 밖에서 선언되었기에, 블록 내부를 포함한 어느 곳에서든 접근 가능하다. var global = "전역변수"; function isGlobal() { return `${global}은 글로벌하다` } isGlobal(); // output: 전역변수는 글로벌하다 전역 스코프는 어디에서나 접근 가능한 장점이 있지..
함수(Function) (2) - 화살표(Arrow) 함수 2020. 2. 16. 화살표 함수(Arrow Function)는 자바스크립트 도서나 기초를 알려주는 국내 사이트에서는 볼 수 없었다. 하지만 Codecademy의 함수는 초반에는 국내에서도 익숙한 함수를 알려주다가, 중간부터는 화살표함수로 진행된다. 초반에 이에 익숙해지지 않아 많이 힘들었지만, react.js에서도 화살표 함수를 쓰기 때문에 미리 알아두면 좋을 것 같아 글을 작성해 본다. 가장 큰 차이점은 function이 없어진 점과, 함수의 식별자(identifier)를 바로 변수의 이름으로 지정한다는 것이다. 만약 별도의 매개변수가 없다면 공백으로 놔둬도 된다. const sayHello = ( ) => { return 'Hello World!'; } sayHello(); // output: Hello World!

티스토리툴바