inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

실습: 설문조사 만들기 (3-12)

QuestMessage 질문

230

김민석

작성한 질문수 1

0

for에서 반복구문을 할때 QuestMessage 라는 변수를 주는데 꼭 QuestMessage 라는 변수를줘야 되는지 햇갈리고,

list[i].question을 주었을때는 i가 인덱스로 쓰여서 쓰인다 했는데  배열인 []로 감싸지는게 아닌지 궁금합니다.

HTML/CSS javascript

답변 1

0

itjustbong

안녕하세요,
김민석님.

우선 for문 안의 QuestMessage라는 변수는 다른 이름으로 설정하셔도 됩니다.
말 그대로 변수이기 때문에, 질문자 분께서 편하신 이름으로 설정해주시면 됩니다.

다만 변수를 설정하실 때 주의하실 사항이 있습니다.

1. 자바스크립트 변수명에는 -(하이픈)은 올 수 없습니다.

2. 변수명의 첫 번째 문자는 숫자가 올 수 었습니다.

3. 자바스크립트의 예약어(class, if 등)를 사용할 수 없습니다.

블로그(https://dasima.xyz/javascript-variable-making-rule/) 를 참고하였습니다.

그리고 list에는 위에서 선언한 것과 같이,
list = [{question : "이 중에서 제일 좋아하는 과일을 선택해주세요", options : ["사과","복숭아","포도","바나나","딸기"]},   ... ] 
입니다.

list[0] 에는 {question : "이 중에서 제일 좋아하는 과일을 선택해주세요", options : ["사과","복숭아","포도","바나나","딸기"]}
라는 데이터가 들어있습니다.

마찬가지로 list[1] 에는 list의 두 번째 인덱스에 위치한 값이 나올 것입니다.
(    cf. list[1] =
{question : "~~", options :[ ~,~,~,~]}     )

즉, list는 객체를 속성을 가지고 있는 배열입니다.
또한 해당 코드에서 인덱스로 쓰인 i는 for문 안에 있는 코드를 한번 실행할 때마다, i의 값이 1이 증가합니다.

그래서 list[0], list[1], list[2] ... 를 순차적으로 돌면서 원하는 모든 데이터를 가져올 수 있습니다.

질문에 대한 정확한 답변이 되었는지는 모르겠습니다. 
혹시나 더 궁금한 점이 있다면, 글을 남겨주시기 바랍니다.

감사합니다.

unregistered 이라 뜨며 작동하지 않습니다.

0

50

1

공부한 내용을 블로그에 정리해서 올려도되나요?

0

93

1

sublime text 설치 불가

0

176

1

사진과 본문 내용에 패딩이 40px 들어가 있는데 이유를 모르겠습니다

0

98

1

처음 질문과 옵션 관련 질문입니다.

0

89

1

마지막에 news 관련 질문

0

81

1

태그 닫는 단축키가 뭔가요?

0

169

1

강의에 사용하는 예제 코드 자료 있나요?

0

384

1

회원가입 폼 검증하기 실행이 안됩니다.

0

274

1

이미지랑 아이콘 파일을 어떻게 찾아요?

0

351

1

VS 코드는 절대 경로랑 상대 경로로 상위 문서 접근이 차단되어 있네요

0

475

0

프로젝트 고민 해결이 안되어 다시 올립니다.

0

392

1

프로젝트 고민 다시올립니다.

0

446

1

친구와의 프로젝트 고민

0

419

1

화면 오른쪽 스크롤이 넘어가질 않아요!

0

515

1

학과 설정

0

329

2

회원가입폼 검증 -2 에서 문제가생겼습니다

0

329

1

card.html 버튼 위치

0

601

1

인스타그램 코드 작성 후 동작을 해보았는데 버튼을 눌러도 넘어가질않네요

0

355

2

carousel의 footer부분에

0

293

1

margin 값에 관한 질문입니다.

0

406

1

function clearMessages() 함수의 원리를 알고싶습니다

0

319

1

removeEventListener

0

235

1

버튼을 눌렀을때 케러셀의 이동

0

809

2