본문 바로가기

전체 글

(HTML) Table안에 tbody란?? tbody가 뭔가 하고 찾아봤는데 자세하게 설명되어있는 사이트가 있네요. 출처 : http://sexy.pe.kr/tc/202 태그는 table 안에 쓰는 태그. 본문이 들어가는 행의 묶음이다. 절차대로 만들려면 사이트 참고 더보기
(Javascript) 자바스크립트의 반복문으로 테이블 만들기 자바스크립트로 for문 돌려서 테이블을 만들 수 있다길래 만들어 보았습니다. 123456789101112131415161718192021 for (var f=1; f 더보기
jquery /json /ajax 차이점 간략하게 설명해주세요 jquery /json /ajax 차이점 간략하게 설명해주세요 초간단 요약 jQuery : javascript 기반으로 만들어진 라이브러리 JSON : 인터넷에서 자료를 주고받을때 쓰는 문법 ajax : 비동기로 화면깜박임 없이 데이터를 주고받는 방법 출처 http://okky.kr/article/243958 더보기
(CSS) 그라디언트 사용 예제와 사이트 그라디언트를 어느정도 마음대로 만들 수 있는 사이트는 아래에 있는 사이트입니다. http://www.colorzilla.com/gradient-editor/ 저기서 색상을 선택해서 마음대로 만들면 CSS란에 자동으로 만들어집니다. 복사하는 방법은 CSS안의 박스를 대면 COPY가 뜨는데 그걸 누르면 클립보드에 복사되어서 ctrl + v를 사용할 수 있습니다. Color format 을 rgba나 다른 것으로 변경 가능합니다. 저 소스만 가지고 붙여넣기하면 적용이 안되고 style태그를 만들고 적절한 div를 설정하여서 사용하면됩니다. 아래 예제 소스입니다. 12345678910111213141516171819/* Permalink - use to edit and share this gradient: ht.. 더보기
(CSS) animation 트랜지션 사용방법 hover 시 div 박스가 변화하는 등의 애니메이션 예제가 자세히 들어있는 사이트 입니다. 출처 : https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions 더보기
(HTML) HTML에 JAVASCRIPT 사용 방법 html에 자바를 사용할 수 있을까 생각해봤었던 기억이있습니다. 자바는 사용할 수 는 없고 자바스크립트라는 것을 사용해야합니다. 변수같은게 int가 아닌 var로 선언하는 등 약간의 차이점이 있지만 자바랑 비슷합니다. 정말 자세히 설명이 되어있다. 이건 하나의 파일로 이용하는 방법. 123456789101112 var hw = document.getElementById('hw'); hw.addEventListener('click', function(){ alert('Hello world'); }) Colored by Color Scriptercs 출처 : https://opentutorials.org/course/1375/6620 더보기
(CSS) 배경위에 텍스트가 떠있는 느낌을 표현 가능 : background-attachment:fixed background-attachment: fixed; 이걸 쓰면 됩니다. 12345678910고정된 배경이미지 예제 body { background-image: url(bg.gif); background-attachment: fixed; background-repeat: no-repeat }cs background-attachment 속성에 fixed값을 사용하여 배경이미지를 고정하면 배경위에 텍스트가 떠있는 느낌을 표현할 수 있습니다. 출처 : http://www.homejjang.com/07/background-attachment.php 더보기
마인드맵 그릴 수 있는 두 사이트 소개 마인드맵 사이트 입니다. 간단하게 이용 할 수 있습니다. 이미지가 깨끗 합니다. https://www.mindmeister.com/ 아래는 크롬에서 애드온 시켜서 쓰는 프로그램 입니다. https://chrome.google.com/webstore/detail/mindmeister/bdehgigffdnkjpaindemkaniebfaepjm 사이트 이미지는 아래와 같습니다. https://www.mindmeister.com/ 이 사이트는 구글로 가입 해야됩니다. https://chrome.google.com/webstore/detail/mindmeister/bdehgigffdnkjpaindemkaniebfaepjm 더보기

티스토리툴바