WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 아미쓔
    쌍따옴표랑 홑따옴표 구분 잘해야겠네요 ㅎㅎㅎ
  2. 감사합니다!!
  3. 오유상
    감사합니다
  4. James
    감사합니다.
  5. 로버트한
    변수와 대입연산자 잘 배웠습니다.
    변수에는 var 를 사용하자 ^^
    예) var name ^^
  6. 아 단순한건데 이해를 못했네요 이해 잘되게 설명해주셔서 감사합니다!
  7. ==과 === 의 차이점
    "192.16~~~" == 192.16~~~ -> true
    "192.16~~~" === 192.16~~~ -> false 이다

    === 은 타입조차 구분해준다.


    onclick=" document.querySelector('body').style.backgroundColor = 'black'; "

    위 경우 document.querySelector('body').style.backgroundColor = "black" ; 와 같다.

    차이점 black 의 따옴표 표시.
  8. kissandlove
    먼저 '=' 은 대입을 뜻하고, '==='는 비교를 뜻합니다.
    document.querySelector('#night_day').value = 'day' 라는 것은 'day'를 document.querySelector('#night_day').value에 대입하는 것입니다. (즉 버튼의 value가 'day' 됨)

    마지막에 document.querySelector('#night_day').value = 'day'로 넣어주지 않으면 document.querySelector('#night_day').value는 계속 'night'인 상태이므로 if 문의 조건에서 항상 true가 되므로 계속 나이트 모드로 되겠죠.
    마지막에 document.querySelector('#night_day').value='day'를 넣어줌으로써 버튼을 두번째 눌렀을 때 if 조건문이 false가 되어 else 안에 있는 내용이 실행됩니다.

    허접한 답변인데 도움이 되면 좋겠네요.
    대화보기
    • 다 이해가 되는데 아무리 생각을 해봐도
      왜 if { } 마지막에 왜 마지막에 document.querySelector('#night_day').value = 'night' 이걸 써줘야 Night 모드에서 Day 모드로 변환되는지도 모르겠습니다.
      마지막에 꼭 document.querySelector('#night_day').value = 'Day';를 써야하고
      else { } 에는 반대로 써야만 night, day 모드가 전체적으로 다 동작 되는지 이해가 안됩니다.

      if와 else 둘을 잇는 역할인건가요? 그렇다면 = 'night/day'가 무슨 뜻인가요??
      =와 ===의 차이를 모르겠어서 검색을 해봤는데 ==와 ===의 차이만 나오고
      =에 대해서는 != 결과만 나와서요.

      document.querySelector('#night_day').value === 'Night'과
      document.querySelector('#night_day').value = 'night' 에서 뭐가 차이를 어떻게 만드는지 모르겠습니다.
      왜 마지막에 document.querySelector('#night_day').value = 'night' 이걸 써줘야 Night 모드에서 Day 모드로 변환되는지도 모르겠구요.

      아시는분 짧게라도 답변 부탁드립니다. 궁금하고 헷갈려서 미치겠습니다ㅠㅠㅠ
    • 콘솔에 document.querySelector('#night_day') 이거 분명 오타없이 쳤는데 자꾸 null이라 나와서 애먹었는데 다시 해보니까 또 되긴되네요ㅠㅎ;

      따라쳐서 구현하긴했는데 정확히 이해하진 못한 것 같네요! 다시 한 번 복습해야 할듯..
    • 한상문
      이 영상을 보면서 가야할 길이 참 멀구나 생각되네요~
      그래도 열심히 해 보겠습니다~~ ㅎㅎㅎ
    • 동글몬
      감사히 잘 봤습니다. 감사합니다~ ^^
    • 허허
      초반부 강의 영상에 설명이 있습니다.
      Javascript 에서는 같은 "",'' 모두 같은 기능을 합니다.
      강의 초반부를 다시 보시거나, 모르시는건 인터넷 검색을 추천합니다..
      직접 찾아보는 습관은 큰 도움이 됩니다
      대화보기
      • 스피릿
        누구는 ""를 붙히고 누구는 ''로 감싸주는데 언제 누가 사용되는지에 대한 기준이 뭔가요?
        직접 코딩할 때 ""와 ''가 언제 사용되는지가 자꾸 헷갈리네요.
      • 소금돌
        하루만 쉬어도 공부 흐름이 끊겨서 그런지..
        헷갈리는 부분이네요... id 값을 가져오는 부분과
        querySelector 부분...
      • jayxwoo
        오늘도 강의 잘 들었습니다. 감사합니다.
      • 옥슬이
        1. === 은 왼쪽값과 오른쪽값이 같느냐라고 이고잉님께서 설명하시더군요

        2. 맞습니다. value 값을 바꾸라는 의미입니다
        대화보기
        • 권호석
          <input id="night_day" type="button" value="day & night" onclick="
          if (document.querySelector('body').style.backgroundColor === 'white')
          {
          document.querySelector('body').style.backgroundColor='black';
          document.querySelector('body').style.color='white';
          }
          else
          {
          document.querySelector('body').style.backgroundColor='white';
          document.querySelector('body').style.color='black';
          }">
          전 이렇게 해봤습니다.
        • 상상예찬
          김예찬 배재영
        • daaawnstar
          심장아 나대지마라
        • Dani Choi
          감사합니다!
        • Dreaming_Joyy
          개발자도구 console에
          document.querySelector(#night_day). value라고 하는데 안나와서 엄청헤멨는데....
          ' #night_day ' 이렇게 single quotation mark를 꼭 붙여주셔요...String문자열이니까요 ㅠㅠ.

          그래도 오늘 좋은 실수 한 것 같습니다!!!
        • Lee Seon Bin
          document.querySelector('#night-day').value === 'night'
          에서 ===의 뜻이 정확히 뭔가요 ?? id값이 night-day인 코드의 벨류값이 night랑 같느냐 라고 해석하면 되는건가요 ?

          document.querySelector('#night-day').value = 'night'
          이것은 d값이 night-day인 코드의 벨류값을 night로 바꾸란 뜻인가요 ?
          이꼴의 의미를 정확히 알고싶습니다.
        • 정중식
          정리해주셔서 감사합니다~
          대화보기
          • 라울
            감사합니다.
          • Mingi Son
            180213 너무 재밌어요!! 감사합니다
          • 180210 감사합니다!
          • Hyun Woo Lee
            확실히 중복된 기능에 대에서 조건문을 이용하여
            한가지로 표한하니까 편하네요!
          • 최명수
            재미있네요 ㅋㅋ
            제 프로젝트에도 중간중간 적용을...
          • PassionOfStudy
            << 2018-01-20 - 2일차 _네 번째 강의 >> --> 완료!


            라이브러리 함수들을 검색해서 다룰줄 알아야 겠네요.
            이것저것 라이브러리 함수들을 자주 찾아보고 사용해봐야겠습니다.
          • 와우, 이게 if 문이군요!! 멋지고, 재밌습니다!
            야학으로 시작해서 달려오다가 여기까지 왔습니다~
            앞으로도 기대됩니다.
            늘 좋은 강의 감사합니다 :-)
          • 감사합니다~
          • 아이드롭
            우와..
            대화보기
            • 저는 이렇게 이해했습니다 !
              중간중간 강의를 100%이해하지 못하고 넘어가서 이해하는데 무려 3시간이나 걸렸네요..
              다른분들은 그러지 마시라고 남깁니다.

              <!DOCTYPE html>
              <html>
              <head>
              <meta charset='utf-8">
              <title>자바 스크립트를 만들고 작동해보자</title>
              </head>
              <body>
              <h1>즐겁게 코딩을 해봅시다.</h1>

              <input id="night_day" type="button" value="night" onclick=" 인풋이라는 코드의 아이디 값이 나이트데이이고 밸류값이 나이트인데
              if(document.queruySelector('#night_day').value === "night") 이게 클릭했을때 밸류값이 나이트 이면
              {
              document.queruySelector(body).style.backgroundColor = 'black'; 바탕을 검은색
              document.queruySelector(body).style.color = 'white'; 글씨를 흰색으로 하고
              document.queruySelector(''#night_day").value = 'day'; 밸류값을 데이로 변경한다.

              }else{ 이곳은 동작하지 않는다.
              document.queruySelector(body).style.backgroundColor = 'white';
              document.queruySelector(body).style.color = 'black';
              document.queruySelector('#night_day').value = night
              }

              ">

              </script></script>

              </body>

              하지만


              <input id="night_day" type="button" value="night" onclick=" 인풋이라는 코드의 아이디 값이 나이트데이이고 밸류값이 나이트인데
              if(document.queruySelector('#night_day').value === "night") 이게 클릭했을때 밸류값이 나이트가 아니면

              document.queruySelector(body).style.backgroundColor = 'black'; 이곳은
              document.queruySelector(body).style.color = 'white'; 작동하지
              document.queruySelector(''#night_day").value = 'day'; 않고

              }else{ 이곳이 작동하며
              document.queruySelector(body).style.backgroundColor = 'white'; 배경은 흰색
              document.queruySelector(body).style.color = 'black'; 글씨는 검은색
              document.queruySelector('#night_day').value = night 다시 나이트데이의 밸류값이 나이트로 변한다.
              }

              ">

              </script></script>

              </body>
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기