728x90

HTML 6

HTML] <input>태그의 type 속성 유형

hidden : 사용자에게 보이지 않으나, 서버로 넘겨지는 값 가지는 필드- 예를 들어 회원가입 폼에서 사용자가 입력하지 않아도 되는 정보를 서버로 넘길 때 사용하는 폼- name 속성으로 필드 이름 지정, value 속성으로 서버로 넘김 text : 텍스트 상자, 한 줄 입력- ID, 이름, 주소 등 텍스트 입력 시 주로 사용- name(필드 이름), size(필드 길이), value(필드 부분에 표시될 내용), maxlength(최대 문자 개수)이름 search : 검색 상자 삽입- HTML5에서 추가된 별도 속성 url : URL 입력 필드 삽입- HTML5에서 요소가 분화함. password : password 입력 필드 삽입- value 속성이 없는 것을 제외하고 일반 텍스트 필드와 동일비밀번호

Web] 마우스 온/오버 시, 투명도 바꾸기

Web] 마우스 온/오버 시, 투명도 바꾸기 텀 프로젝트 중에, 시각적인 효과를 고려하던 중, 투명도를 조정하여,아래처럼 마우스 포인터가 올려졌을 때 흐려졌다가,마우스 포인터가 해당 위치에서 떠나면 다시 원래대로 돌아오는 효과를 적용했다. 실제로 호스팅을 받는 사이트가 아닌지라,제품 사진은 다른 사이트에서 봤을 수도 있을 것..아무튼 각색하고, 이 기능은 아주 간단하게 구현이 가능하다.나는 저 프레임을 태그로 구성했는데, 소스는 다음과 같다 12345678function changeOpacity1(obj){ obj.style.opacity="0.5";}function changeOpacity2(obj){ obj.style.opacity="1";}cs 1234567 $name $price 원 Colored..

HTML] 회원가입 폼

HTML] 회원가입 폼 HTML로 작성한 회원가입 폼이다.지난 기말 텀 프로젝트를 하면서 만들었는데,최초 만들었던 폼에 비해서 그나마 좀 나아진 모습. table의 크기를 절대적으로 지정해놓아서요즘 같은 반응형 웹 시대에 어울리지 않다고 뭐라하는 사람이 있다면 할 말은 없다. 다음 우편번호 api를 적용해놓아서 상단부에 자바스크립트 함수도 존재하지만,해당 소스는 회원가입 폼이랑은 거리가 멀어서 제외했다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899..

Web] Select 태그를 이용해 정렬하기

Web] Select 태그를 이용해 정렬하기 필자가 텀 프로젝트를 하면서,구매 내역 조회야 DB에 쿼리문 하나만 날리면 조회가 쉽게 이루어지지만,평가 기준에 별도의 기능이 추가되어 있어야 했고,당시 필자의 뇌리에 스쳤던 것은 구매 내역을 정렬하는 기능이었다. 인터넷에 있는 오픈 마켓에서 자기가 구매했던 내역을 특정일을 기준으로,혹은 특정 기간을 기준으로 정렬하는 것을 구현하는 기능을 흔하게 볼 수 있다.필자는 조회일을 기준으로 최근 1개월, 3개월, 6개월 기준으로 구매 내역을 조회하는 기능을 만들어보려고 했다. 소스와 이런 부분에 대해서 이야기를 나누기 전에 하나 짚고 넘어가야 할 점은,필자는 이전에 PHP를 해본 적도 없고, PHP의 버전이 어디쯤 왔는지까지 정확히 알지 못했다.(지금도 자세히는 모른..

소스 코드 변환 사이트

http://jsbeautifier.org/ 해당 사이트는 축소되어 가독성이 떨어지는 자바스크립트 소스를다시 가독성 좋게 변환해주는 사이트입니다.축소된 소스를 복사해서 붙여넣으면 Beautify를 눌러 읽기 좋게 변환 가능합니다.HTML소스도 가능하니 참고하시길 http://javascriptcompressor.com/ 해당사이트는 자바스크립트 소스를 축소하는데 사용합니다.저는 자바스크립트를 쓸 일이 없어 축소시킬 일이 있나 싶지만,오픈소스들을 뒤적거리다보면 축소된 소스들이 많이 눈에 띕니다.이것도 마찬가지로 복사해서 붙여넣고 Compress하면 축소가 진행됩니다.

JS, CSS, HTML 오픈 소스 사이트

http://www.blueb.co.kr/ http://www.webmadang.net/ 자바스크립트, CSS, HTML 소스가 공유되어 있습니다.웹프로그래밍 기말 프로젝트를 진행하면서 애용했고,특히 js, css를 활용한 부분은 상당히 마음에 듭니다.아무리 유용한 기능을 무상으로 제공해준다고 하더라도 활용 방법을 모르면 말짱 도루묵입니다.최소한의 작동방식에 대해 이해하고 사용하시면 웹개발에 도움이 되리라 생각합니다.

728x90