inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

자바스크립트 비기너: 튼튼한 기본 만들기

7. 엘리먼트 값을 문자열로 변환, [코딩 시간]

코딩 시간 질문입니다.

224

Taeyoon

작성한 질문수 3

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

답변 1

2

김영보

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

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

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

229

1

인덱스 코딩시간 문제풀이

0

382

1

for문 코딩 시간 답제출

0

307

1

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

0

194

0

퀴즈 질문 및 정답

0

356

1

오브젝트

0

283

1

인스턴스 목적

1

239

1

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

0

269

1

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

0

194

1

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

0

1031

5

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

0

211

1

상수 변수 선언에 대해

0

235

1

코딩 시간 (for문) 풀이

0

255

1

Object vs object

1

501

1

코딩 시간 풀이입니다.

0

197

1

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

0

180

1

코딩시간 답 제출

0

198

1