생활코딩

Coding Everybody

코스 전체목록

닫기

자바스크립트 실습

 실습1

웹페이지가 갱신되지 않는 분은 아래 댓글을 참고해주세요. 

실습2

1.html

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <input type="text" id="user_input" />
  <input type="button" value="white" onclick="alert(document.getElementById('user_input').value)"/>
</body>
</html>

실습3

2.html

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
   <style>
     .em{
       text-decoration:underline;
     }
   </style>
</head>
<body>
  <ol id="target">
    <li>html</li>
    <li>css</li>
    <li>javascript</li>
  </ol>
  <ul>
    <li>최진혁</li>
    <li>최유빈</li>
    <li>한이람</li>
    <li>한이은</li>
  </ul>
  <input type="button" value="강조" onclick="document.getElementById('target').className='em'" />
</body>
</html>
참고로 위의 코드에서 onclick 속성의 값인 document.getElementById('target').className='em' 부분이 자바스크립트입니다. 

실습4

index.html

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://localhost/style.css">
</head>
<body id="target">
	<header>
		<h1><a href="http://localhost/">JavaScript</a></h1>
	</header>
	<nav>
		<ol>
  		<li><a href="http://localhost/page_html.html">JavaScript란?</a></li>
  		<li><a href="http://localhost/page_vc.html">변수와 상수</a></li>
  		<li><a href="http://localhost/page_op.html">연산자</a></li>
		</ol>
	</nav>
  <div id="control">
    <input type="button" value="white" onclick="document.getElementById('target').className='white'" />
    <input type="button" value="black" onclick="document.getElementById('target').className='black'"  />
  </div>
</body>
</html>

page_html.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://localhost/style.css">
</head>
<body id="target">
  <header>
    <h1><a href="http://localhost/">JavaScript</a></h1>
  </header>
  <nav>
    <ol>
      <li><a href="http://localhost/page_html.html">JavaScript란?</a></li>
      <li><a href="http://localhost/page_vc.html">변수와 상수</a></li>
      <li><a href="http://localhost/page_op.html">연산자</a></li>
    </ol>
  </nav>
  <div id="control">
    <input type="button" value="white" onclick="document.getElementById('target').className='white'" />
    <input type="button" value="black" onclick="document.getElementById('target').className='black'"  />
  </div>
  <article>
    <h2>JavaScript란?</h2>
    JavaScript는 웹페이지를 프로그래밍적으로 제어하는 언어입니다.
  </article>
</body>
</html>

page_op.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://localhost/style.css">
</head>
<body id="target">
  <header>
    <h1><a href="http://localhost/">JavaScript</a></h1>
  </header>
  <nav>
    <ul>
      <li><a href="http://localhost/page_html.html">JavaScript란?</a></li>
      <li><a href="http://localhost/page_vc.html">변수와 상수</a></li>
      <li><a href="http://localhost/page_op.html">연산자</a></li>
    </ul>
  </nav>
  <div id="control">
    <input type="button" value="white" onclick="document.getElementById('target').className='white'" />
    <input type="button" value="black" onclick="document.getElementById('target').className='black'"  />
  </div>
  <article>
    <h2>연산자</h2>
    계산을 할 때 사용되는 것입니다.
  </article>
</body>
</html>

page_vc.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://localhost/style.css">
</head>
<body id="target">
  <header>
    <h1><a href="http://localhost/">JavaScript</a></h1>
  </header>
  <nav>
    <ul>
      <li><a href="http://localhost/page_html.html">JavaScript란?</a></li>
      <li><a href="http://localhost/page_vc.html">변수와 상수</a></li>
      <li><a href="http://localhost/page_op.html">연산자</a></li>
    </ul>
  </nav>
  <div id="control">
    <input type="button" value="white" onclick="document.getElementById('target').className='white'" />
    <input type="button" value="black" onclick="document.getElementById('target').className='black'"  />
  </div>
  <article>
    <h2>변수와 상수</h2>
    변수란
    <ul>
      <li>변하는 값</li>
      <li>x=10일 때 왼쪽항인 x는 오른쪽 항인 10에 따라 다른 값이 지정된다.</li>
    </ul>
    상수란
    <ul>
      <li>변하지 않는 값</li>
      <li>x=10일 때 오른쪽 항인 10이 상수가 된다</li>
    </ul>
  </article>
</body>
</html>

style.css

body.black {
  background-color:black;
  color:white;
}
body.white {
  background-color:white;
  color:black;
}
header{
  border-bottom:1px solid gray;
  padding:20px;
}
nav {
  border-right:1px solid gray;
  width:200px;
  height:600px;
  float:left;
}
nav ol{
  list-style:none;
}
article{
  float:left;
  padding:20px;
}
#control {
  float:right;
}

실습5

아래 수업은 실습을 하지 마시고 설명만 들어주세요.  안들어도 됩니다! 왠만하면 듣지 마세요. ㅎㅎ 차라리 아래에 나오는 활용을 보시는 것을 추천드립니다. 

Sound of coding

적은 시간으로 공부한 것을 동기화할 수 있도록 제공되는 뮤직 비디오입니다. 전체 뮤직 비디오 보러가기

지금까지 배운 것만으로도 할 수 있는 일 

댓글 기능인 disqus, 채팅 기능인 tawk을 여러분의 웹에플리케이션에 붙이는 방법을 알아봅니다. 수업의  흐름과는 무관한 양념 같은 수업입니다. 안 보셔도 됩니다. 

소스코드

github 

댓글

댓글 본문
작성자
비밀번호
  1. 슝태
    20180117
  2. 슝태
    20180117
  3. 최진영
    php 소스 코드를 변경한 후에 반영되지 않는 문제가 있을 수 있습니다. 이런 경우

    MAC 사용자의 경우 아래의 파일을 열어주세요.
    /Applications/mampstack(버전번호)/php/etc/php.ini

    윈도우 사용자의 경우 아래의 파일을 열어주세요.
    C:\Bitnami\wampstack(버전번호)\php\php.ini

    이 파일에서 opcache.enable=1 라고 되어 있는 부분을 opcache.enable=0로 변경 하신 후에 Apache를 재시작하시면 됩니다. (아파치 재시작 방법을 모르시면 서버제어 참고)

    잘 안되는 분은 아래 영상을 참고해주세요.
    https://www.youtube.com......9AA
    만약 위의 경우로도 해결되지 않으면 웹브라우저에 저장된 임시 파일의 문제일수도 있습니다. 이런 경우 아래의 방법으로 웹페이지를 리로드 해주세요.

    Windows: ctrl + F5
    Mac/Apple: Apple + R or command + R
    Linux: F5
    선생님 강의 파일 중 찾아서 해보니 됩니다. Shift+F5가 아니라 Ctrl+F5를 하니깐, css파일 내용이 바뀌어서 적용된 것을 확인할 수 있었습니다.
    참조 사이트 : https://opentutorials.org......366
    대화보기
    • disqus코드를 그대로 붙여넣어도 댓글창이 달리지 않습니다.ㅠㅠ
      We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.
      실행을 시켜보면 이런 메세지가 뜨는군요.
      어떤 부분을 체크해봐야 할지..
    • 제일 위 강의에서 궁금증이 하나 생겨 글 남깁니다.
      코드를 똑같이 따라쳤는데도 onfocus가 무한 루프가 도네요;
      onblur도 마찬가지로...
      뭐가 문제일까요?
    • 2lcm
      shift + F5를 한번 해보세요
    • jaemanz
      ubms님 저도 님처럼
      크롬에서는 style.css와 연동이 안되어서 적용이 안된것처럼 나와서 iexplore로 실행해보니 되더라고요
      근데 이도현님이 크롬에서 Shift + F5를 해서 정상적으로 나왔다는것을 보고 적용해보니
      색상도 변경되네요
      무엇때문인지는 아직 저도 모르겠는데 ㅠㅠ 혹시 아시는분있나요
      대화보기
      • bravokan
        @ubms index.html이 존재하는 폴더 내에 style.css 파일이 같이 존재하는지 확인해보시고 그래도 안되시면 html에 <link>에 지정이 잘 되어있나 확인해보세요
        대화보기
        • 이도현
          크롬에서 float:right를 해줘도 바뀌지 않고, 익스플로러에서는 float:right설정이 되어서 나옵니다.
          그리고 크롬에서 shift + f5 를 하니까 정상적으로 오른쪽에서 보이는데, 이게 왜 이런지 아시는분 있나요?
        • ubms
          style.css와 연동이 안되네요 ㅜ 그대로 가져다 복사해도안되요 ㅜ
        • PassionOfStudy
          17-12-25 7일차 - 1번째 강의

          수강완료!

          -----------------------------------------------------------------------------------------
          document.getElementById('id값').className='class값'의 의미를 잘 파악할 것!

          HTML - 정보
          CSS - 디자인
          JavaScript - 제어

          * 채팅프로그램 및 의사소통기능 (무료)
          https://disqus.com/
          https://livere.com/
          https://www.tawk.to/
          https://sendbird.com/
          -----------------------------------------------------------------------------------------
        • ubms
          실습2/ 강의 잘 들었습니다.
        • 차지
          codeanywhere를 사용중인데 오류가 발생해서 문의드립니다.
          위 강의처럼 html들을 수정시키고 다시 열어봤는데 몇몇 파일만 바뀌는게 없길래 크롬관리자모드로 확인해봤는데 몇몇 파일만 수정이 안돼있네요. 저장도 잘했고 몇몇 파일만 안되는데 혹시 뭐가 문제인지 알수있을까요 그냥 codeanywhere가 문제인지 제가 문제인지 모르겠습니다..

          오타가있어서 저는 이렇게 수정을했는데
          body.black{
          background-color:black;
          color:white;
          }
          body.white{
          background-color:white;
          color:black;
          }


          아무리 저장을하고 실행을시켜봐도
          body.white{
          background-color:black;
          color:white;
          }
          body.blac{
          background-color:white;
          color:black;
          }
          이상태그대로 바뀌질않습니다.
        • 황성찬
          의식의 흐름입니다.

          실습 4에서 body에 id와 class를 부여하고
          버튼에 onclick 태그를 작성해서 버튼을 눌렀을 때 body에 부여한 id를 추적하여 className을 변경시킨다.
          그리고 미리 작성 해두었던 css태그를 이용하여 바탕을 실시간으로 변화 시킨다.

          그렇다면 "id태그와 class태그의 위치가 바뀌어도 되는가?" 라는 생각을 했고
          코드를 천천히 읽어 내려 오다 보니 버튼에게 액션을 부여하는 onclick태그의 속성 getElementById를 보고 getElementByClass를 타이핑 해봤는데 자동완성 기능이 없었습니다.
          getElementById라는 약속된 태그 때문에 위치는 바뀔 수 없겠구나! 라고 생각을 했습니다.

          그리고 드는 의문점. 그러면 id부여와 class부여의 명확한 차이점을 모르겠다.
          언제는 id를 부여하고 언제는 class를 부여해야 하지?
          아직은 몰라도 되는 부분이겠죠?
          재밌습니다 좋은 강의 감사합니다
        • 김현태
          네.. 드디어 익스플로러에서는 검정색으로 바뀝니다. 크허헉...ㅠㅠ. 구글은 자바스크립트를 허용으로 설정했는데도 여전히 되지 않지만 익스플로러에서는 되니 그나마 진도를 나갈 수 있을 것 같습니다. 답글과 경험 공유 감사드립니다.

          //일단 잘못했던 부분을 알아냈습니다. 헤더에 그림을 img src로 붙일 때 저는 Naver 로고 주소를 가져다 썼습니다. 그랬더니 뭔가 문제가 있었나봐요. 삭제하고 style.css 를 예제에 나온대로 수정했더니 됩니다. class순서를 거꾸로 했었는데 그것으로 예제에 나와있는 것과 같은 순서로 바꾸니 버튼을 누르면 검은 색으로 바뀝니다.//

          이상입니다. 그동안 댓글로 도움주신 분들 너무 감사드립니다.
          https://www.facebook.com......98/
          대화보기
          • 열공!!
            저는 생활코딩 따라하다가 그부분에서 막혔었는데요.
            이상하게 구글로하면 적용안되고 익스플로어로 주소치고 작동시켜보니
            잘 작동되네요.. 익스플로러로 작동시켜보세요.
            대화보기
            • 김현태
              아... 집에 와서 보니 그 문제는 아닌 듯 합니다 제대로 ById 로 코딩했네요... 정말 이상하네요... 입력한 코딩은 다음과 같습니다.

              <input type="button" value="white" onclick="document.getElementById('target').className='white'"/>
              <input type="button" value="black" onclick="document.getElementById('target').className='black'" />

              저와 같은 현상이 있는 분 계신가요?
              대화보기
              • 김현태
                ㅜㅜ 정말 엄청 감사합니다. 복받으실 겁니다. 대단하십니다. 저는 정말 못찾았었거든요. 감사드려요!^^
                대화보기
                • Kissing
                  ByID가 오타입니다. 대소문자 구분이 엄격합니다. ById B와 I만 대문자입니다.
                  대화보기
                  • 김현태
                    <input type="button" value="white" onclick="document.getElementByID('target').className='white'"/>
                    <input type="button" value="black" onclick="document.getElementByID('target').className='black'"/> 여기서 에러가 난다고 하는데 이해할 수 가 없습니다..
                  • 김현태
                    <!DOCTYPE html>
                    <html>
                    <head>
                    <meta charset="utf-8" />
                    <link rel="stylesheet" type="text/css" href="http://localhost/examples/style.css">
                    </head>
                    <body id="target">
                    <header>
                    <h1><a href="http://localhost/">JavaScript</a></h1>
                    </header>
                    <nav>
                    <ul>
                    <li><a href="http://localhost/examples/page_html.html">JavaScript란?</a></li>
                    <li><a href="http://localhost/examples/page_vc.html">변수와 상수</a></li>
                    <li><a href="http://localhost/examples/page_op.html">연산자</a></li>
                    </ul>
                    </nav>

                    <div id="control">
                    <input type="button" value="white" onclick="document.getElementByID('target').className='white'"/>
                    <input type="button" value="black" onclick="document.getElementByID('target').className='black'"/>
                    </div>
                    <article>
                    <h2>변수와 상수</h2>
                    바뀌는 값과 바뀌지 않는 값입니다.
                    <ul>
                    <li>변하는 값</li>
                    <li>x=10일때 왼쪽항인 x는 오른쪽 항인 10에 따라</li>
                    </ul>
                    상수란
                    <ul>
                    <li>변하지 않는 값</li>
                    <li>x=10일때 왼쪽항인 x는 오른쪽 항인 10에 따라</li>
                    </ul>
                    </article>
                    </body>
                    </html>
                    -----------------------------------------------------------------------------------------아래는 css

                    body.black{
                    background-color:black;
                    color:white;
                    }
                    body.white{
                    background-color:white;
                    color:black;
                    }
                    header {
                    border-bottom:1px solid gray;
                    padding:20px;
                    }
                    nav {
                    border-right:1px solid gray;
                    width:200px;
                    height:600px;
                    float:left;
                    }
                    nav ol {
                    list-style: none;
                    }
                    article {
                    float: left;
                    padding:20px;
                    }
                    #control {
                    float:right;
                    }
                    ---------------------------------------------------------------------------------------
                    저는 블랙 버튼을 클릭했을때 색깔이 바뀌지 않아서 이렇게 올립니다. 어디가 잘못된 것인지 도무지 찾을 수 가 없어서요. ^^;;
                  • 요요마
                    document.getElementbyId('user_input').value에서
                    .value는 뭐예요?
                  • 이근환
                    감사합니다!!:)

                    궁금증이 해결됬어요!!:)
                    대화보기
                    • 잘 하셨는데 조금만 바꾸면 될 거 같네요ㅎㅎ
                      하나의 버튼에 두개의 이벤트를 엮으신 거 같은데 한 번만 엮으시고,
                      if/else문을 사용하시면 됩니다.

                      <input type="button" value="형광등 켜기/끄기" id = "light"/>
                      <script>
                      flash = document.getElementById('light');
                      off = true;
                      flash.addEventListener('click',function(){
                      if(off){
                      document.getElementById('bg').className="yellow";
                      off=false;
                      } else {
                      document.getElementById('bg').className="white";
                      off=true;
                      }
                      })
                      </script>
                      대화보기
                      • 실습2
                        alert onfocus onblur 무한반복

                        우선 onfocus onblur 이벤트를 자세히 아는 게 중요한 거 같습니다.
                        여기서 onfocus는 텍스트박스에 focus 즉 집중이 되엇을 때 실행되는 이벤트인데요.
                        텍스트박스에 집중이 되었다는 건 텍스트를 칠 수 있게 준비가 되어있다는 거죠.
                        onclick과 다른 점은, onfocus도 텍스트박스를 클릭을 함으로서 포커스시킬 수 있지만,
                        tab키를 누르거나의 식으로도 focus를 시킬 수 있습니다.
                        sunday00님의 답변을 참고하자면,
                        alert가 되면서 focus가 취소되고 확인을 누르면 다시 focus되었던 상태로 돌아감으로서 무한반복이 일어난다고 볼 수 있습니다.
                        blur(포커스를 잃었을 때 실행되는 이벤트)도 마찬가지로 이 과정이 반복되면서 같이 반복이 되는 것이죠.

                        alert와 focus 또는 blur를 같이 쓰시고 싶은 경우에는,
                        if-else문을 사용해서 한번만 실행되게 만들 수 있습니다.
                        예를 들자면,
                        <script>
                        x=true
                        </script>
                        <input type="text" onfocus="if(x){alert('focus');}" onblur="if(x){alert('blur'); x=false;}"/>
                        대화보기
                        • 이근환
                          배운것을 활용하여 형광등처럼 효과를 넣어보고 싶은데요!
                          버튼 두개로는 배운대로 하여 원하는 대로 구현할수 있었습니다!
                          버튼 한개로 두번클릭하여 배경을 바꾸고 싶을때는 어떻게 할지 고민하다가
                          제가 최대로 해본 코드를 올립니다!
                          혹시 아시는 분은 어떻게 해결을 하면
                          버튼하나로 한번 누르면 켜지고 한번 더 누르면 꺼지는지 알려주시면 감사드리겠습니다!

                          <!DOCTYPE html>
                          <html>
                          <head>
                          <meta charset="utf-8">
                          <title>복습</title>
                          <link rel="stylesheet" type="text/css" href="http://localhost:8080/복습/style.css" />
                          </head>
                          <body id="bg">
                          <h1>복습리스트</h1>
                          <ul>
                          <li>조건문</li>
                          <div id="select"><li>반복문</li></div>
                          <li>배열</li>
                          </ul>
                          <input type="button" value="뭔가요?" onclick="document.getElementById('select').className='yes'"/>
                          <input type="button" value="형광등 켜기/끄기" id = "light"/>
                          <script>
                          flash = document.getElementById('light');
                          flash.addEventListener('click',function(){
                          document.getElementById('bg').className="yellow";
                          })
                          flash_off = document.getElementById('light');
                          flash_off.addEventListener('click',function(){
                          document.getElementById('bg').className="white";
                          })
                          </script>
                          </body>
                          </html>
                        • 이근환
                          2017-12-03 수강6일차

                          수강완료하였습니다.

                          감사합니다!:)
                        • 2017년 11월 29일 수강완료
                        • 코끼리와호랑이
                          멘붕이었는데 [command + shift + r] 누르니까 반영 되네요. 감사합니다 ㅠㅠ
                          대화보기
                          • 박가린
                            제 소스는 왜 이상하게 될까요??
                            <!DOCTYPE html>
                            <html>
                            <head>
                            <meta charset="utf-8">

                            </head>
                            <body>

                            <input type="button"value="white" onclick="alert('Hello world')"/>
                            <input type="text"onfocus="alert('focus')"
                            onblur="alert('blur')"/>
                            </body>
                            </html>
                          • 박인호
                            11-24
                            수강완료.
                            점점 강력해지고 있다는게 느껴집니다.
                          • atnskynst
                            11/19
                          • 부건혁
                            div에 id 갑을 넣지 않고
                            div{
                            float; right;
                            }로 하면 안되나요?
                          • 서성진
                            잘 봤습니다.
                          • 나그네
                            최소 소스를 올려주셔야 뭐가 잘못 됐는지 알겠죠. 나중에 회사에 가셔서 버그리포트를 하게 되시면 최대한 상세하게 적어서 넘기세요. 웹사이트라면 익스플로러인지 크롬인지 버젼은뭔지 운영체제는 뭔지까지도!! 질문자도 답답해서 올린것이겠지만 이렇게 질문하시면 질문을 보는 사람도 답답합니다.
                            대화보기
                            • 부건혁
                              id 대신 다른 이름을 사용해도 되나요?
                            • 수업쭉 따라오면서 자주 있는 문제가 제가 코드를 똑같이 적었을 때는 뭔가 오류가 있어 실행이 안되는데..
                              코드 적힌것을 그대로 따오면 잘 작동이되는데.. 문제가 무엇일까요 ㅠ.. 조금 구체적이지 않은 질문이기는 해도..
                              코드를 적는 순서라던가.. 영역이 잘못 설정된 것일까요..? 답답한 감이 있어서 질문 드립니다.
                            • sediments
                              <header>에 javascript가 실종되서 댓글 남깁니다. ㅠㅠㅠㅠㅠ


                              아무리 코드 비교해보고 복붙해도 나오질 않네요... 도움 부탁드립니다..ㅠㅠㅠㅠ
                            • sediments
                              onfocus와 alert 창이 무한 반복되서 댓글 남깁니다.


                              밑에 댓글에 저와 같은 문제를 겪고 계신분들도 있는 것 같은데


                              그것에 대한 솔루션은 못찾아서 댓글 남깁니다.


                              도움 부탁드립니다. ㅠㅠ
                            • sediments
                              안녕하세요. 댓글 감사드립니다.


                              focus와 alert를 같이 사용 못한다면 뭐라고 타입해야 할지 혹시 아시나요?
                              대화보기
                              • 유상원
                                2017-11-11 완료!
                              • 김지원
                                저도 float:right을 했을때 우상단에 위치하지 않더군요.. 다른 분들이 하신것 처럼 shift+cmd+f5를 해봐도 바뀌지 않더라고요 그래서 이것저것 하던 중 style.css파일의 모든 float들을 좌우로 바꿔줬더니 적용이 되면서 다시 float:right를 하니깐 되더라고요
                                코드에서 무엇인가 꼈던것 같아요
                                대화보기
                                • Noel J Park
                                  자바스크립트 역시 쉽지 않네요. 이제 시작인데 ㅎㅎ css까지는 '아 그렇구나~' 하는 생각이 들었는데 자바스크립트는 함수의 등장에서 '뭐지 이건 ㅠㅠ'이라는 생각이 확 오네요.
                                • 장고한
                                  getElementById는 Element를 Id를 통해서 가져온거라고 보시면돼요.
                                  예를들면) 실습2에서 alert(getElementById('user_input').value 중 getElementById('user_input')로 id가 그 윗줄에서
                                  user_input인 <input>을 불러온것이구요.
                                  실습4에서getElementById('target').className='em' 중 getElementById('target')를 통해 id가 target인 <ol>을 불러온거라고 보시면 되요.

                                  두개의 방향이 다른 이유는 실습2는 .value를 통해 불러온 element의 값을 읽은 것이고
                                  실습4는 .className을 통해 불러온 element를 'em'이라는 class로 정의시키는 거죠.

                                  방향이 다르다고 느낀건 하나는 값을 읽는거고 다른 하나는 정의하는 것으로 느껴져서 그럴꺼에요.
                                  getElementById의 다양한 기능이라고 보시면 되겠습니다
                                  대화보기
                                  • 정문경
                                    실습2에서 alert(getElementById('user_input').value 여기에선 user_input의 값을 alert에 반환해주었고,
                                    실습4에서 getElementById('target').className='em' 에서는 target 에다가 값을 반환해주었는데..뭔가 이 둘간의 방향이 다른것 같아서요.. 전자에서는 필요한 값을 "user_input"에서부터 가져왔고, 후자에서는 값을 "targer"으로 보내준 셈이라고 생각되는데요.. getElementById를 어떤 기능이라고 이해해야 할까요..도와주세요 ㅠㅠ
                                  • 정문경
                                    잘봤습니다~ getElementById <-- 요 기능이..많이 아리쏭하네요..ㅠ
                                  • 송성태
                                    와, 대단하네요.
                                    HTML, CSS, Java의 삼각관계.
                                    감사합니다!
                                  • 리브
                                    채팅 코드를 붙이고 관리자 화면에서 제가 채팅치고 채팅이 왔는데 채팅이 없다고 뜨네요.. 이건 무슨 경우일까요?
                                  • 리브
                                    아! 해결됐습니다! 사이트 하단 부분에 있더라구요! 혹시나 못찾으시는 분들을 위해 댓글 남겨놓습니당~
                                    대화보기
                                    • 리브
                                      마지막 동영상에서 4:02 초에 나오는 universal code 라는 항목이 없는데 뭘 선택하면 되나요?
                                    버전 관리
                                    egoing
                                    현재 버전
                                    선택 버전
                                    graphittie 자세히 보기