오늘은 왕초보 2주차를 학습함.
Issue occuring
<script>
function checkResult() {
let people = [
{ 'name': '서영', 'age': 24 },
{ 'name': '현아', 'age': 30 },
{ 'name': '영환', 'age': 12 },
{ 'name': '서연', 'age': 15 },
{ 'name': '지용', 'age': 18 },
{ 'name': '예지', 'age': 36 }
]
$('#q2').empty();
people.forEach(a => {
let temp = `<p>${'name'}는 ${'age'}살입니다.</p>`;
$('#q2').append(temp);
});
}
</script>
불상사 발생!
What I tried
위치를 안 알려주어 안 되는 거 같다는 결론 도달함
let temp = `<p>${a{'name'}}는 ${a{'age'}}살입니다.</p>`;수정 후 다시 해보았지만 역시나 안 됨.
앞에서 튜터님이 왜 dict를 통으로 외우라한게 생각났지만 방법은 모르겠음.
How solve issue
let temp = `<p>${a['name']}는 ${a['age']}살입니다.</p>`;변수 뒤에 []로 감싸줘야 함! 문제 해결!
번외로
let name = a['name'];
let age = a['age'];
let temp = `<p>${name}는 ${age}살입니다.</p>`;로도 작성 가능.
a라는 변수 선언이 위에 있어 밑에서는 안 해줘도 됨.
What I learned new
consloe.log() : F12나 홈페이지 우클릭 시 콘솔창에 특정 값을 뜨게 해주는 것.
변수 : 값을 메모리에 담는 것. 새로운 값을 입력하면 전에 입력한 값은 삭제 됨
변수명은 다음과 같은 규칙을 지켜야함.
1. 숫자와문자, 특수문자 $와 _ 만 사용 가능.
2. 첫 글자에 숫자 사용 X
3. 대소문자는 구분됨
4. 예약어는 변수명을 사용 X (let, class,return, function)index값은 0부터 시작함. 갯수는 +1
list [] 사용
ex) 변수명 = [] a = [사과, 배, 감] alert(a[1]) 입력시 배가 나옴
---------------------0-------1---2
dictionary {}사용
ex) 변수명 = {key:value} 접근은 ['변수명']
list와 dict를 같이 사용 시
아래 코드에서 0번째 인덱스 name의 value값을 추출하고 싶을 때
students = [{'name':'최아무개', 'age':15}, {'name':'김아무개', 'age':20}]
alert(students[0]['name'])Realization
코딩을 짜는 것도 중요하지만 있는 코드를 가져다 적재적소에 쓰는 것도 능력이다.
모르는게 많으니 하나를 배우려면 선행 학습을 하게 되는거 같다.
물음표 살인마가 될 예정.
12시간 공부 좀 빡센데?
