wecode 사전스터디 1주차(7/19) 로그

위코드 개강(8/17) D-29.

배운 것/개발한 것

☆ 2주차 과제 mission

1. template literal을 이용해 변수와 string을 동시에 작성해보세요
2. for문과 while문을 반복문을 작성해보세요

---

1. template literal (참조)

• ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용
• 템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을 제공한다. 이를 문자열 인터폴레이션(String Interpolation)이라 한다.
• 문자열 인터폴레이션은 ${ … }으로 표현식을 감싼다. 문자열 인터폴레이션 내의 표현식은 문자열로 강제 타입 변환된다.

<예시>

const template = `템플릿 리터럴은 '작은따옴표(single quotes)'과 "큰따옴표(double quotes)"를 혼용할 수 있다.`;

console.log(template);

const first = 'Youngbin';
const last = 'Kwon';

// ES5: 문자열 연결
console.log('My name is ' + first + ' ' + last + '.');
// "My name is Youngbin Kwon."

// ES6: String Interpolation
console.log(`My name is ${first} ${last}.`);
// "My name is Youngbin Kwon."

 

2. 자바스크립트 for문과 while문

for문과 while문은 자바스크립트 반복문의 한 종류로, 스코프 내에서 특정 조건을 만족할 경우 정해진 기능을 반복해서 수행하게 한다.

 

FOR 반복문

for ([초기문]; [조건문]; [증감문])
  문장

let result = 0;

for (var i = 0; i <10; i++) {
    result += i;
  }

초기문, 조건문, 증감문으로 이루어지며, 조건이 충족되어진다면 {}내부의 기능이 수행되고 이후 증감문이 수행된다.

 

While 반복문

n = 0;
x = 0;
while (n < 3) {
  n++;
  x += n;
}

 

while의 조건이 계속해서 충족된다면 {} 내부문이 반복적으로 수행된다. 결과적으로 : 

1) 첫번째 경과 후 : n = 1, x = 1

2) 두번째 경과 후 : n = 2, x = 3

3) 세번째 경과 후 : n = 3, x = 6

---

개발할 것

 1) 노마드코더 JS 강의 : 강의 끝내기 + 코드 리뷰 글 올리기

 2) JS 추가 공부 : if와 else를 이용해 조건문을 작성해보세요 + JS Array 정리 (slice, splice, push, pop, filter, map)

 3) codewars javascript 3문제 풀고 풀이 정리

 4) 자기소개 페이지 추가 개발

   - open graph, favicon 추가