본문 바로가기

분류 전체보기163

[웹 프로그래밍] 개발자 도구를 이용한 자바스크립트 디버깅 방법 개발자 도구를 이용한 자바스크립트 디버깅 하는 방법에 대하여 자바스크립트 디버깅 하는 방법에 대하여 알아보도록 하겠습니다 웹 개발을 하지 않는 분들도 재미로 알아두면 좋겠네요 단계1 [F12] 버튼을 클릭합니다 그러면 개발자 도구 화면이 나타납니다 디버거 메뉴를 클리하여, 우측 상단 검색란을 통해 자바스크립트를 찾을 수 있습니다 다음으로 좌측 줄번호 왼쪽 바를 크릭하면 빨간 동그라미가 아래 그림처럼 표시 됩니다 단계2 저는 제 포스팅 글 "[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법" 화면에서 실행 하였습니다테스트를 위해 "인터넷 웹 브라우저 우클릭 방지 하는 법" 화면 열기 → 클릭 중단점을 부분을 실행하기 위해서는 해당 함수를 실행 시켜주어야 합니다 제가 찍은 부분은 마우스 우클릭 기능 .. 2017. 8. 30.
[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법 JavaScript 우클릭 방지 하는 법 인터넷 웹 브라우저 우클릭 방지 하는 방법에 대하여 알아봅시다 이렇게 큼직큼직하게 글을 적는 것은 내용이 아주 짧기 때문이죠 ^^ 아래 이미지는 우클릭이 가능한 상태입니다 그럼 우클릭 기능을 방지 해 보도록 하겠습니다 해당 페이지에 아래 자바스크립트 소스를 넣어주면 "끝" 이죠 우클릭을 하게 되면 웹 브라우저에서 context menu 기능을 실행 하나 봅니다 oncontextmenu 이벤트가 발생하면, 바로 false 값으로 리턴 시켜 버립니다 지금 우클릭 해 보세요~! 2017. 8. 30.
[스크래치] - 파일변환 방법 및 동작기능 학습하기 스크래치 코딩 파일변환하는 방법 및 동작기능에 대하여 알아봅시다 스크래치 코딩으로 멋진 게임을 만들었다면 다른 사람들이 이 게임을 즐길 수 있도록 파일을 변환해야 됩니다이번 시간에는 스크래치 파일을 변환하는 방법에 대하여 알아보도록 하겠습니다그 전에 스크래치 코딩을 해야 겠죠 아주~ 간단하게 동작기능에 대하여 알아보며, 코딩을 해 보도록 하겠습니다 그럼 코딩 출발 "왔다갔다" 움직이는 고양이 코딩좌우로 움직이는 고양 모습을 코딩 해 봅시다 스크립트 → 이벤트 → [클릭했을 때] 블록을 드래그 하여 스크립트 영역으로 이동 합니다[클릭했을 때] 블록을 시작 기능을 합니다즉, 동영상이나 플래시 영상을 재생을 클릭할 때 발생되는 이벤트 입니다 스크립트 → 동작 → [10만큼 움직이기] 블록을 이동시키고 값을 2.. 2017. 8. 30.
[스크래치] - 초등코딩의 출발 동작 스크립트 익히기 스크래치 코딩의 출발~!! 초등학생들의 코딩교육은 부모님들이 충분히 가르쳐 줄 수 있습니다 저와 함께 스크래치 코딩을 출발해 봅시다~!! 스크래치란? MIT 공과대학 미디어랩 연구소가 개발한 어린이 코딩 프로그램으로 보다 쉽고 재미있게 코딩의 핵심 원리를 배울 수 있도록 만든 프로그램입니다. 스크래치를 이용하면 게임, 애니메이션등을 만들 수 있고, 코딩 개념을 익힐 수 있습니다. 실습환경 인터넷이 된다면 웹에서 아무런 설치 없이 가능하며, 인터넷이 안될 경우 프로그램을 설치 후 실습 하실 수가 있습니다. 실습을 위해서 이동 해 주세요 https://scratch.mit.edu/projects/editor/?tip_bar=home 스크래치 코딩이 가능한 웹 화면이 나타납니다. 인터넷 연결 없는 작업환경에서.. 2017. 8. 30.