inflearn logo
강의

Course

Instructor

JavaScript Beginner: Building a Strong Foundation

7. Convert Element Value to String, [Coding Time]

코딩 시간 풀이 올려봅니다.

230

ppyong

12 asked

0

안녕하세요

섹션 12-7의 코딩시간 풀이 내용 올려봅니다.

아쉬운 부분이나 틀린 사항이 있다면 알려주세요!

"use strict";

var list = []; //html에 들어갈 배열 자리 생성
list.push("<ul>"); //push를 활용하여 html에 먼저 자리 잡아야할 ul 태그를 list 배열에 삽입

for (let i = 1; i < 11; i++){ //1~10까지의 li를 넣기 위해서 for문 작성
    list.push("<li id=id" + i + ">" + "id" + i + "</li>")
}; //id값의 숫자는 1~10까지를 표현하기 위해 숫자가 아닌 변수 i로 작성필요

list.push("</ul>"); //배열의 마지막에 ul 닫는 태그를 넣어줌

document.body.innerHTML = list.join(""); //최종적으로 html에 넣어줄 때는 콤마 없이 배열의 모든 요소를 하나로 연결해 주기 위해 join에 인자를 ""로 설정하여 준다.

javascript 객체지향

Answer 1

1

tonextday

var list = []; //html에 들어갈 배열 자리 생성
==> 주석을 코드 위에 작성합니다.
//html에 들어갈 배열 자리 생성
var list = [];

주석을 작성하는 것을 알았으니 이제 주석의 질을 생각해야 할 때입니다.
코드 설명은 코드를 보면 알 수 있으므로 목적, 의도를 작성하면 더 좋을 것 같습니다.

push()는 배열 끝에 첨부합니다. 삽입은 중간에 끼워넣는 뉘앙스가 담겨 있습니다.

대체적으로 좋습니다. 이렇게 계속 해나가면 좋은 결과를 얻을 것 같습니다. 응원합니다.

프론트엔드 부트캠프 가기 전, 짧은 감사 인사드립니다!

2

109

2

섹션10 3. Object 프리미티브 값 구하기에서 질문있습니다.

1

149

2

섹션3의 1강 연산자, 표현식 강의에서 표현식 질문이 있습니다.

0

140

2

섹션 1. 6번째 강의 질문입니다.

1

247

1

선생님 Objcet 질문 있습니다.

0

299

2

forEach문을 활용한 코딩시간 풀이

0

617

1

sort 코딩 시간 풀이

0

292

1

인덱스 코딩시간 문제풀이

0

383

1

for문 코딩 시간 답제출

0

308

1

3:39 sort에 들어가서 one,two 파라미터질문입니다.

0

194

0

퀴즈 질문 및 정답

0

357

1

오브젝트

0

284

1

인스턴스 목적

1

240

1

[코딩시간 01] 3항 연산자로 작성했을 때, 각 값..?

0

269

1

Undefined === Null; // true???

0

194

1

indexOf의 파라미터에 음수를 작성 했을때에 대한 질문입니다.

0

1031

5

length 값 변환 논리에 대한 질문입니다.

0

211

1

상수 변수 선언에 대해

0

236

1

코딩 시간 (for문) 풀이

0

256

1

Object vs object

1

502

1

코딩 시간 풀이입니다.

0

199

1

log(add(1, 2, 3, 4));

0

183

1

코딩시간 답 제출

0

200

1

프로퍼티는 왜 쓰이는건가요..?

0

498

1