본문 바로가기
TIL/웹 초보

23.04.06

by J1-H00N 2023. 4. 6.

1. 자료형 - [] 는 리스트 - 단순 자료 나열

                  {}는 사전 - key : value 형태의 자료 나열

2. 함수에서 id 지칭 - $('#id')

3. 반복문 -

~~~.forEach((변수이름) => {
            함수
        })

4. 조건문 -

if (조건){
            함수
        } else {
            함수
        }

5. `` 활용 예시

let people = [
            {'name':'서영','age':24},
            {'name':'현아','age':30},
            {'name':'영환','age':12},
            {'name':'서연','age':15},
            {'name':'지용','age':18},
            {'name':'예지','age':36}
        ]
        $('#q2').empty()                /*q2 내용 비우기*/ 
        people.forEach((a) => {   /*people을 변수 a로 지정*/
            let name = a['name']    /*변수 name은 a에서 name의 value*/
            let age = a['age']          /*변수 age는 a에서 age의 value*/
            let temp_html = `<p>${name}${age}살입니다.</p>`
             /* 변수를 대입한 <p></p>문을  temp_html라는 이름의코드로 전환*/
            $('#q2').append(temp_html) /*위 html코드를 q2에 추가*/
        })
 
<div id="q2">
            <p>영수는 24살입니다.</p>
            <p>세종은 30살입니다.</p>
            <p>수영은 20살입니다.</p>
        </div>

 

간단학 조건문과 반복문에 대해 배우고, 다음 강의를 위한 데이터 추가 방법에 대해 배웠다

 

슬슬 제대로 된 학습이 시작된 것 같은 느낌이 든다

 

마침 sql에 대한 강의도 듣고 있어 다음 강의인 데이터를 가져오는 방법과 어떻게 연관이 될지에 대해 기대가 된다

'TIL > 웹 초보' 카테고리의 다른 글

23.04.13  (0) 2023.04.13
23.04.12  (0) 2023.04.12
23.04.07  (0) 2023.04.07
23.04.05  (0) 2023.04.05
23.04.04  (0) 2023.04.04