SpartaCodingClub 1주차(4)

박경덕·2022년 5월 13일
0

JavaScript 기초

  • JavaScript기초 문법
  • JavaScript는 기본적으로 <script>안에서 동작한다.
     <script>
          function hey() {
            alert("hello!")
          }
     </script>

    <script>안에 hey라는 function을 만들어 hello라고 알림이 뜨도록 집어넣었다.

      <a onclick="hey()" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>

    버튼에 hey를 붙이고 최종적으로 버튼을 누르면 hello라고 알림이 뜨도록 하였다.

    버튼을 누르니 알림창이 동작했다. "hello!!!!"

    alert은 알림을 띄우는 것이 목적이지만 코드를 짜는 중간중간 특정 동작이 작동하는지 확인하기위해서 많이 사용한다고 한다.

  • 함수
  • 조건문
  • 수학에서의 함수는 값을 입력하면 값이 출력되는 것, 프로그래밍에서의 함수는 정해진 동착을 실행하는 것. 페이지 빈부분에 오른쪽 클릭! 검사를 눌러 개발자 콘솔을 열어서 함수에 대한 연습을 해보자.
    맥의 경우에 option + command + i

    sum이라는 함수의 num1에 2, num2에 3을 넣고 return으로 num1과 num2를 합한다 결과는 5
    함수에서 return은 끝내고 나를 변신시켜줘!라고 한다(...) 그러면

    let result = sum(2,3)
    let result = 5
    result = 5가 된다.

    사진에 짤렸지만 age =27 값을 주었다.

    첫번째
    if(age>20) 만약 age가 20보다 크다면   '성인입니다'  를 출력하고
    else 다른경우   '청소년입니다'  를 출력하라.
    두번째
    if(age>20) 만약 age가 20보다 크'고'(&&는 and(그리고)) 성별이 남성라면   '성인 남성입니다'  를 출력하고
    else 다른경우   '청소년입니다'  를 출력하라.
    세번째
    if(age>20) 만약 age가 20보다 크'고'(||는 or(또는)) 성별이 남성라면   '성인 남성입니다'  를 출력하고
    else 다른경우   '청소년입니다' 를 출력하라.
    네번째
    if(age>20) 만약 age가 20보다 크다면   '성인입니다.' 를 출력하고
    else if(age>10) 만약 age가 10보다 크다면   '청소년입니다. ' 를 출력하고
    else 다른경우   '아동입니다.'
    and(&&)의 경우 두 가지 모두 부합해야 하는 조건이고 or(||)의 경우 두 가지 중 하나만 부합하면 된다.

  • 반복문
  • i는 0
    i가 10보다 작을 때
    i++ i는 1씩 더한다.

    i에 0인 상태에서 10보다 작기때문에 i에 1이 더해지고 콘솔에 출력, i는 1이 됬지만 여전히 10보다 작은 상태이기에 i는 2가되고 이를 박복하여 9가 되었을 때 1을 더하면 10과 같아지기 때문에 멈추게 된다.

    i는 0
    i가 people.length(people 수:6) 보다 작을 때
    i++ i는 1씩 더한다.

    i는 [0]인 '철수'가 출력되고 people.length보다 작기때문에 반복문이 작동하고 1이 더해지면서 '기남'이 출력되고 순서대로 '동희' 까지 출력된다.


  • 끝마치며
  • 이번 강의에서는 크롬에서 개발자검사 도구의 콘솔 창에서 실습을 해보았다. 콘솔의 활용도는 아주 유용할 것 같다. 자주 사용하는 습관을 들여 보자.

    if문과 for 문은 아주아주 중요하다고 한다. 충분히 연습해서 손에 익도록 하자.

    0개의 댓글