inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

잘 작성한건지 궁금합니다.

해결된 질문

204

twosom

작성한 질문수 69

1

자바스크립트 배워야지 배워야지 해놓고 다른 프레임워크에 의존하고 템플릿 엔진의 의존하고 하니 순수 자바스크립트는 손을 안대게 되더라구요. 

앞으로도 계속 이러면 정말 안될 거 같아서 열심히 수강중입니다.

이번 과제도 템플릿엔진만으로 사용해서 그런지 자바스크립트로 표현하려 하니 저한텐 낯설면서 어렵네요 ㅠㅠ

아직은 많이 부족하지만 선생님 강의 열심히 보면서 점점 더 성장하는 모습 보여드리려고 합니다.

항상 좋은 강의 감사합니다

window.onload = function () {

var list = Array();

for (var i = 1; i <= 10; i++) {
list.push('<li id=id', i, '>', String('id' + i) ,' </li>');
console.log(list);

}

document.body.innerHTML = '<ul>' + list.join('') + '</ul>';


};

oop javascript

답변 1

1

김영보

결과가 맞습니다만, 조금 뉘앙스라고 할까요...

var list = Array();
==> var list = [];
자바스크립트 개발자들은 이 형태(Array 리터럴)를 사용합니다.

i <= 10;
==> i = 10; 또는 i < 11;
하나로 비교하면 심플할 것 같습니다.

String('id' + i)
=> 'id' + i
문자열과 숫자를 연결(+)하면 문자열이 되므로 String()은 없어도 됩니다.

0

twosom

답변 감사합니다!

뉘앙스들은 개선할 수 있도록 습관을 길러보겠습니다!

더욱 더 열심히 하겠습니다~~~

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

2

109

2

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

1

148

2

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

0

140

2

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

1

246

1

선생님 Objcet 질문 있습니다.

0

299

2

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

0

616

1

sort 코딩 시간 풀이

0

292

1

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

0

229

1

인덱스 코딩시간 문제풀이

0

381

1

for문 코딩 시간 답제출

0

306

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

498

1

코딩 시간 풀이입니다.

0

195

1

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

0

177

1

코딩시간 답 제출

0

196

1