inflearn logo
강의

Course

Instructor

JavaScript Beginner: Building a Strong Foundation

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

코딩 시간 질문입니다.

226

Taeyoon

3 asked

0

var html = [];
html.push("<ul>")
for(i = 1; i < 11;  i++){
  html.push("<li id=id"+i+">")
  html.push("id"+i+"</li>")
}
html.push("</ul>")
var result = html.join("")
document.body.innerHTML = result

코드를 이런식으로 짰는데 일단 구현이 되긴했는데 

"+i+"를 안쓰고 할수 있을까요?? 

javascript oop

Answer 1

2

tonextday

지금은 이렇게 기본에 충실하면 됩니다. 다른 방법은 없을까라고 생각하는 것은 매우 좋은 접근입니다. 이런 마인드로 하나씩 기본을 만들어 가다보면 다른 방법을 느끼게 될 것입니다.
가독성이 떨어지니 "id" + i + ">" 처럼 공백을 하나씩 두면 좋을 것 같습니다.
아래 처럼 바꾸지 않아도 됩니다만,
var html = ["<ul>"]도 괜찮습니다.
document.body.innerHTML = html.join("")도 괜찮습니다.
   

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

2

116

2

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

1

161

2

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

0

146

2

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

1

256

1

선생님 Objcet 질문 있습니다.

0

304

2

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

0

621

1

sort 코딩 시간 풀이

0

296

1

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

0

232

1

인덱스 코딩시간 문제풀이

0

388

1

for문 코딩 시간 답제출

0

311

1

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

0

197

0

퀴즈 질문 및 정답

0

361

1

오브젝트

0

290

1

인스턴스 목적

1

245

1

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

0

273

1

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

0

198

1

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

0

1033

5

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

0

217

1

상수 변수 선언에 대해

0

240

1

코딩 시간 (for문) 풀이

0

259

1

Object vs object

1

504

1

코딩 시간 풀이입니다.

0

203

1

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

0

186

1

코딩시간 답 제출

0

202

1