2023.11.30 TIL

1. 강의내용

   1)자바스트랩 문법

      변수: 값을 담는것, 실제로는 직감적인 단어를 써서 저장, 한번에 관리함. 

<script> 변수-

        let a= '안녕하세요';

        let b= '네 반가워요';

        console.log(a);

        console.log(b);

     </script>

     console은  개발자를 위해 나둔 공간(사이트- 왼쪽마우스-검사-  console(콘솔) 뜸)

      자료형:  자료는 리스트와 딕셔너리(통으로 이해)가 있다.

<script> 자료형

       lat a = ['사과','배','수박']; 자료형

       console.log(a[1]) 리스트

딕셔너리

        let person = {'name':'bob', 'age':30, 'heieght':180}

        let name = person['name']

        let age = person['age']

        console.log(name, age)

    </script>

   

    함수: 함수는 바디에 있는 코드에서 맞춰 넣어 저장시, 자동으로 결과값이 나온다

<script> 함수

      function: hey() {

              alert('안녕하세요');

      }

 

   조건문: 꾸러미수가 있을때 반복으로 특정조건을 검색가능, list와 같이 쓰임. (예- 구매금액 10만원이상)

<script> 조건문,

       let age =25;

       

       if (age< 20) {

        console.log('청소년입니다')

         } else{

           console.log('성인입니다.')

         }

           

        let ages= [15,30,28,7,40,13];

       

        console.log(ages[0]); -작을때

         });

          </script>

 

 

  반복문: 꾸러미수가 있을때 반복으로 특정조건을 검색가능, list와 같이 쓰임. (예- 구매금액 10만원이상)

<script>

    let ages= [15,30,28,7,40,13]; 반복문

          ages.froeach(a => {

            if (a <20) {

              console.log('청소년입니다.')

            }  else {

             console.log('성인입니다.')

            });

     </script>

 

 2)제이쿼리 

 <script>

            function checkResult() {

                function checkResult() {

                    let people = [

        { 'name': '서영', 'height': 165 },

        { 'name': '현아', 'height': 170 },

        { 'name': '영환', 'height': 175 },

        { 'name': '서연', 'height': 162 },

        { 'name': '지용', 'height': 190 },

        { 'name': '예지', 'height': 168 },

    ]

       

                $('#q2'). empty();

                let name = a ['name'];

                let height = a ['height'];

                let temp_html= `<p>${'name'}의 키는 $(a['height']cm 입니다. </p>`;

                $('#q2').append(temp_html);

        }

            }

  </script>

  

* 기억할것 ~나오는 1옆에 ` ` 필수입니다. 예시-

let temp_html= `<p>${'name'}의 키는 $(a['height']cm 입니다. </p>`;

 

* vs code에서 이모티콘 사용: 윈도우 +.치면 나온다.

* if (write " == " ll name ==') { 

                 alert(내용입력)

                  return }  치면, 중단점으로 밑에 데이터가 실행은 하지 않으나, 위에 내용까지 실행됨.

 

2. 개발단계정리

   2023.11.27~2023.12.01 웹페이지 개발코드 작성 완료함. 

 

3. 일기

웹 페이지 개발코드를 완성하고, 팀과제 발표자로 내가 되었다. zoom에서 발표할 자료들을 모으고, 저장했다.

내일 자료들을 보고 한글대본과 pptx를 만들어서 미리 팀원들에게 시연해 볼 예정이다.

 

팀원분들, 모두 오늘도 수고 많았습니다.