inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Array 코딩예제 질문

187

이고은

작성한 질문수 17

0

안녕하세요 선생님, 강의 잘 듣고 있습니다 :)

Array 오브젝트의 코딩예제를 풀어보았는데 이런식으로 접근하는게 맞는지 확인부탁드립니다. 감사합니다.

<script>
window.onload = function(){
// debugger;
// arr 라는 변수이름으로 Array 오브젝트 생성
// li 요소들을 join으로 넣기위한 ul 배열 생성
// for문을 이용해 li 10번 반복하여 arr에 할당
// arr 안에있는 배열 , 없앤 후 result에 할당
// result를 arr2 사이에 넣어 result2에 할당
// 브라우저에 출력하기

var arr = [];
var arr2 = ['<ul>','</ul>']
for(var i = 1; i < 11; i++){
arr.push('<li id="id'+i+'">id'+i+'</li>')
// console.log(arr)
}
var result = arr.join("")
// console.log(result)
var result2 = arr2.join(result)
// console.log(result2)
document.body.innerHTML = result2
}
</script>

oop javascript

답변 2

1

이고은

ㅎㅎ 네 당연히 실행은 해보았습니다.  실행했을때 결과는 잘 나왔으나 접근방식에 대해 혹시 잘못된 부분이 있을까해서 질문했습니다 :) 답변 감사드립니다!

0

김영보

위 코드 실행되나요? 설마 실행되지 않는 것을 확인해 달라고 하는 것은 아니겠죠^^

1. 먼저 주석으로 시나리오를 작성한 것은 매우 매우 좋은 모습입니다. 앞으로도 꼭 이렇게 하세요. 아주 내 습관으로 만드세요. 
하나 욕심이 있다면 주석을 주어, 동사, 목적어 형태의 문장으로 작성하세요. 그래야 동적인 모습이 되어 시나리오가 연결됩니다.
// Array 오브젝트를 생성하여 arr 변수에 할당한다.

2. 처음 배울 때부터 자바스크립트 코드를 별도의 js 파일에 작성하는 습관을 들이는 것이 좋습니다. 

var arr = ['<ul>'];
for(var i = 1; i < 11; i++){
  //arr.push('<li id="id'+i+'">id'+i+'</li>')
  // 가독성을 위해서 공백을 하나씩 두세요
  arr.push('<li id=id' + i + '>id' + i + '</li>');
};
arr.push('</ul>');
console.log(arr.join(""));

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

2

109

2

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

1

148

2

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

0

140

2

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

1

247

1

선생님 Objcet 질문 있습니다.

0

299

2

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

0

616

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