WEB2 - JavaScript

HTML과 JavaScript의 만남 3 (콘솔)

댓글

댓글 본문
작성자
비밀번호
  1. 임재현천재
    완료! 감사합니다!
  2. iamminhyun
    wow...
  3. datcutegal
    콘솔에서 댓글 랜덤 뽑기 기능을 네이버 뉴스 댓글창에서 하면 안되네요, 왜일까요? ㅠㅠ
  4. metallsk
    여기까지 왔네요. 콘솔의 개념적 이해가 되었네요.^^
  5. 로버트한
    콘솔에서 자바 스크립트가 실행된다 ㅎ~~ㅎㅎ
  6. yoon
    와... 이건 처음보는거네요... console 창에 저런기능이..
  7. 코딩해
    항상 잘 보고 있습니다! 설명 너무 잘하세요!
  8. Femfabin
    4강. HTML과 JavaScript의 만남 3 (콘솔)
    F12 – Console : 데이터를 처리해야할 때 사용!
    본문을 긁어 콘솔에 붙여넣은 후, ‘’로 감싸고 뒤에 .length를 찍은 후, 전체를 alert()로 감싸면?
    즉, alert(‘본문’.length)
    결과적으로 글자수 나옴.
    상황: facebook에 댓글을 달아 준 1000여명 중 2명을 랜덤으로 뽑아야 함.
    원하는 숫자 만큼의 댓글을 추출하는 코드
    var 당첨자수 = 4;
    var 댓글선택자 = ‘
    function shuffle(a) {~~~
    이하 생략.
    을 이용하여 가능!
  9. 반자동
    !
  10. 180724 감사합니다
  11. alert(''.length)
  12. 동그란 커서가 뜨고 마우스 커서가 안뜹니다...ㅛㅛ광광 복사를 할수가 없는
  13. umbibumbi
    아아 소셜마케터로 일하면서 체리피커 아닌 사람들 골라내려고 일일이 한 명 한 명 프로파일 검사해가며 당첨자 선정했던 지난 날이 스쳐지나가네요. 분명 최대한 체리피커 아닌 사람들을 골라내는 코드도 시간을 들이면 '누군가는 ㅋㅋ' 쓸 수 있을 거라 생각이 드네요.
  14. 내이름은이한샘
    영상 감사합니다.!
  15. 김라식
    한글 변수도 가능한거군요
  16. 스페이스몽키
    감사합니다!
  17. 소금돌
    페이스북의 댓글까지 제어할 수 있을꺼라는 상상은 못했는데..
    보는 볼수록 점점 해보고 싶은게 많아져서 큰일이네요. ㅎㅎㅎ
  18. jayxwoo
    강의 감사합니다^^
  19. 상상예찬
    김예찬 배재영
  20. 이하빛
    오우 옙~! 감사합니다^0^~~! 해보고싶었어요!!
    대화보기
    • egoing
      이걸 말씀하시는 것일까요?
      https://gist.github.com......aaf
      대화보기
      • 이하빛
        페이스북 랜덤 추출 코드는 어디서 찾아볼 수 있나요?
        코드 알고싶아요~!!
      • Byoung Nam Soh
        이렇게 자바스크립트가 사용되는지 알게되어 기뻤습니다 :)
      • daaawnstar
        뭐랄까요 ~
      • Dreaming_Joyy
        콘솔을 통해서 웹페이지를 내 목적에 의해 내가 코드를 작성하여 잘 활용할 수 있다는 것이군요!!
      • 제갈량
        콘솔이 이러한 기능이 있었군요.
        또 하나 배우고 갑니다.
        감사합니다. ^^
      • 안장호
        감사합니다~! ^^
      • 피자먹고싶다
        20180218 항상 감사합니다
      • 180214 감사합니다!!
      • Mingi Son
        180210 강의 감사합니다
      • 180210 감사합니다!
      • 요시코
        .console 을 활용해서 현재의 페이지를 자바스크립트로 실행가능하다.

        문제점을 코드로 해결하는게 뭔가 해커같네요ㅋㅋ
      • 최명수
        대다나네요...
        빨리 배우고 싶어요 ㅋㅋ
      • BY Chin
        감사합니다
      • 시공간
        감사합니다
      • PassionOfStudy
        << 2018-01-20 - 1일차 _네 번째 강의 >> --> 완료!


        ------------------------------------------------------------------------------
        @ 크롬의 개발자 도구에서 console기능
        console을 통하여 javascript를 실행하면 현재 해당하는 웹페이지를 통해
        Javascript코드를 실행한다.
        ------------------------------------------------------------------------------
      • nowmary
        Firefox Developer tool쓰는데 좋아용 ㅎㅎ
      • 헬리사우드
        + 줄바꿈을 하면서 따옴표를 여러번 사용하고싶지 않다면 `를 사용하여 문자열을 감싸면 됩니다.
        대화보기
        • 감사합니다
        • 이유리
          감사합니다.
        • 감피이스
          헐 대박.. 댓글선택자 선언을 제 블로그 댓글 선택자로 바꿔서 해보니까 응용되네요..
        • surmi1909
          alert 안에서 엔터로 개행을 해서 그렇습니다.
          개행 때문에 첫줄 이후 다시 따옴표가 나오기 전까지 모든 글자들이 문자로 인식이 되어지지 않아요.
          고로 개행을 모두 없애고 다시 실행해보세요~
          대화보기
          • egoing
            최근 브라우저들은 각자 개발자 도구를 가지고 있습니다. 사용법이 조금씩 다르지만요.
            대화보기
            • SanFrancisco
              개발자 도구는 크롬에서밖에 사용할 수 없는 기능인가요?
            • 이 강의를 들으면서 제가 작성하고 있는 메모의 글자수를 파악해보려고 했는데
              에러가 뜹니다.
              왜 이런지 어떻게 해결해야하는지 알 수 있을까요?

              Uncaught SyntaxError: Invalid or unexpected token

              alert('무색무취의 태그
              아무런 의미도 없지만 css 혹은 자바를 통해서 어떤 1정보를 제어하고싶을때 그것을 감싸주고 싶을때 사용한다.
              하지만 줄 바꿈이 된다<span
              같은 기능으로 쓰이지만 줄 바꿈이 되지 않는다. 한 주를 다 쓰지 않기때문
              <style>'.length)

              Uncaught SyntaxError: Invalid or unexpected token
            • Wallace Lee
              대박입니다^^
            • 파일이 아니라도 어떠한 코드를 실행해야 하는 가벼운 상황에서
              '크롬 개발자 도구'를 사용할 수 있다. (웹페이지 우클릭 -> 검사 -> console)

              계산을 하려고 계산기를 켜는 것처럼, 데이터를 처리하려고 콘솔을 사용할 수 있다.

              문자열의 개수를 알려주는 자바스크립트 코드는,
              ' -내용- '.length

              개발자 도구에서 Elements 탭에 있을 때 ESC 키를 누르면, 바로 밑에 Console 창이 뜬다.
              다시 누르면 사라짐.

              # 자바스크립트를 이용해 웹페이지를 만드는 것 뿐만 아니라,
              이미 만들어져 있는 페이지에 코드를 적용해 문제를 해결할 수 있다.
              ##개발뿐만 아니라 현실의 문제도 해결 가능
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기