본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

[티스토리 스킨만들기] 로 배워가는 웹 디자인 첫번째 시간 나만의 티스토리 스킨을 만들어가며 웹 디자인 배우기 티스토리를 시작한지 이제 한달 조금 넘은 것 같습니다 티스토리를 하며 놀란 건 정말 멋진 스킨들이 많다는 것입니다 어떻게 이렇게 멋진 스킨을 만들 수 있을까요? 역시 디자이너들은 대단합니다 몇일 전부터 "어설프지만 나만의 스킨을 만들어 보고 싶다" 라는 생각이 들었습니다 "그래! 나도 한번 만들어보자" 라는 생각이 들어 포스팅을 시작하게 되었습니다 나만의 스킨을 만들고 싶지만 웹에 대한 지식이 없어 도전 할 수 없었던 분들이 있다면 저와 함께 한번 도전해 봅시다 저도 웹디자이너가 아니라 잘 모르지만 함께 학습하며 조금씩 만들어 보고자 합니다 혹, 이글을 읽는 분들 중 웹 디자이너가 있다면 도움 부탁합니다 그럼 출발~ [티스토리 관리자 화면] → [스킨변.. 2017. 9. 1.
[웹 프로그래밍] 개발자 도구를 이용한 자바스크립트 디버깅 방법 개발자 도구를 이용한 자바스크립트 디버깅 하는 방법에 대하여 자바스크립트 디버깅 하는 방법에 대하여 알아보도록 하겠습니다 웹 개발을 하지 않는 분들도 재미로 알아두면 좋겠네요 단계1 [F12] 버튼을 클릭합니다 그러면 개발자 도구 화면이 나타납니다 디버거 메뉴를 클리하여, 우측 상단 검색란을 통해 자바스크립트를 찾을 수 있습니다 다음으로 좌측 줄번호 왼쪽 바를 크릭하면 빨간 동그라미가 아래 그림처럼 표시 됩니다 단계2 저는 제 포스팅 글 "[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법" 화면에서 실행 하였습니다테스트를 위해 "인터넷 웹 브라우저 우클릭 방지 하는 법" 화면 열기 → 클릭 중단점을 부분을 실행하기 위해서는 해당 함수를 실행 시켜주어야 합니다 제가 찍은 부분은 마우스 우클릭 기능 .. 2017. 8. 30.
[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법 JavaScript 우클릭 방지 하는 법 인터넷 웹 브라우저 우클릭 방지 하는 방법에 대하여 알아봅시다 이렇게 큼직큼직하게 글을 적는 것은 내용이 아주 짧기 때문이죠 ^^ 아래 이미지는 우클릭이 가능한 상태입니다 그럼 우클릭 기능을 방지 해 보도록 하겠습니다 해당 페이지에 아래 자바스크립트 소스를 넣어주면 "끝" 이죠 우클릭을 하게 되면 웹 브라우저에서 context menu 기능을 실행 하나 봅니다 oncontextmenu 이벤트가 발생하면, 바로 false 값으로 리턴 시켜 버립니다 지금 우클릭 해 보세요~! 2017. 8. 30.