DEV/ 아랍어 언어 속성 lang, 쓰기 방향 오른쪽에서 왼쪽으로 변경
아랍어 html 태그 추가하기
아랍어는 오른쪽에서 왼쪽으로 쓰이기 때문에 방향을 바꿔 주어야 합니다. dir="rtl" 오른쪽에서 왼쪽으로 바꾸는 방법 lang=ar 언어 속성을 아랍어로 바꾸는 방법 2가지를 합쳐서 아래와 같이 사용합니다 :) 예제 <!DOCTYPE html> <html...
DEV/ D3.js 사용법 및 차트 만들기
D3.js 원 그래프와 파이차트 만들기
목차 1. 사전준비 https://d3js.org/ D3 홈페이지로 접속합니다. 다운로드를 받거나, 스크립트를 추가해서 사용할 수 있습니다. <script src="https://d3js.org/d3.v4.min.js"></script> 홈페이지를 참고하면 더 많은 정보를 얻을 수 있지만 .. 영어 싫어 ㅠㅠ 라고 외치는...
DEV/ document.ready, window.ready, window.onload 실행순서
document.ready, window.ready와 window.onload의 실행순서
이 포스트를 쓰다보니 자바스크립트에 대해 너무 많이 모른다는 생각이 들어서 조만간 자바스크립트 포스트만 쓰게 될 것 같다. :( 스크립트의 실행 위치나, DOM 에 대한 자세한 것도 공부해서 올릴 예정 !...
DEV/ 제이쿼리 물결 연산자 ( tilde 연산자 )
물결 과 물결물결 연산자 사용법
1. tilde( ~ ) 연산자 -(n+1) 의 결과를 출력합니다. var val1 = 1234; var val2 = -25; console.log(~val1); console.log(~val2); > -1235 > 24 indexOf 로 응용할 수도 있습니다. 1 line...
DEV/ Form 에서 Label 사용하기
label 을 사용해서 checkbox 에 응용
Form Label label 은 두가지로 사용 가능합니다. label 은 글씨를 선택했을 때에도 checkbox, radio 가 선택되는 기능입니다. checkbox 를 사용해서 테스트 해 보겠습니다 :) ( radio 도 사용방법은 같습니다 !!...
DEV/ 웹 페이지 로딩 시 로딩 이미지 보여주기
로딩 이미지 만들고 적용하기
1. 로딩 이미지 만들기 이미지를 만들 수 있는 사이트는 꽤 있는데요 ~ 색상, 크기, 종류 등을 설정할 수 있어요. 저는 https://preloaders.net/ 에서 무료 이미지로 만들었습니다. #5e9ef2 2. 로딩 이미지 적용하기...
DEV/ 제이쿼리 항상 최신버전 사용하기
마지막 버전 사용하기
한 줄 이면 끝이네요 :) <script src="http://code.jquery.com/jquery-latest.min.js"></script>
DEV/ 제이쿼리 select box onchange
select box 변경 시 발생하는 이벤트
제이쿼리는 head 에 제이쿼리를 넣어주셔야 돼요. <html> <head> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> </head> ... 제이쿼리 부분만 따로 살펴볼게요 :) $(function(){ // id 가 select_box 인 아이템이 변경되었을 때 $('#select_box').change(function(){ // id 가...
DEV/ 이미지 경로로 새 창 띄워서 미리보기
이미지 미리보기 새 창 띄우기
이건 간단한 방법이구요, window open 으로도 열 수 있습니다. 지금은 새 창으로만 열리도록 해보겠습니다. html <div class="content"> <img src=" /assets/img/../layout/head-bg-s.jpg"> </div> css ( 필수가 아니에요. ) .content img { cursor:...
DEV/ jQuery url 정보 확인하기
현재 url 정보를 확인
console.log 로 찍어서 확인하기 console.log 는 브라우저의 개발자 도구에서 확인할 수 있습니다. 윈도우: F12 맥: opt + cmd + i $(function(){ console.log( "href: " + $(location).attr( "href" ) ); console.log(...