Twinparadox Factory

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

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

### Browser Object Model ## Window Object - 브라우저의 내장 객체 중 최상위- 모든 전역 객체, 함수, 변수는 자동적으로 window 객체에 속함- 전역 변수(속성), 전역 함수(메서드)- window를 생략한 형태로 객체와 메서드 사용 가능- 공식 표준은 없으나 주요 브라우저들에서 지원- HTML5에서 브라우저 객체 모델을 공식 명세의 일부로 표준화시킴 # Open() 메서드- 주요 브라우저에서 지원함- 선택사항인 4개의 매개변수- URL : 새롭게 생성할 브라우저 창의 주소, 공백 시, 빈 브라우저 창- name : 새로 생성될 창의 이름 지정, form/anchor의 TARGET 속성을 위한 값- features : 창의 위치, 크기, 모양 지정, 일부 옵션은 IE..

### JavaScript Function - 객체 자료형 중 하나- 하나의 값처럼 취급해 변수에 할당 가능- C, Java와는 달리 함수 명은 선택사항이므로 함수명 없이 생성 가능(익명 함수) ## 익명함수 - function() {}와 같이 함수 형태이나, 이름이 없음- 이름이 없어 변수에 할당해 사용- 중괄호 안에 함수가 처리할 코드 기술- 함수의 재정의가 가능, 호출 시 최종적으로 할당된 함수가 호출됨 var 변수명 = function() {};의 형태 : 함수 표현식 ## 선언적함수 - 일반적으로 함수를 만드는 방식으로 함수명 존재- 익명 함수와 같이 중괄호 안에 함수가 처리할 코드 기술- 함수의 재정의가 가능함, 호출 시 최종적으로 할당된 함수가 호출됨 ## 익명함수 vs 선언적함수 1. 실행..

### JavaScript 내장 객체 - JavaScript 자체적으로 제공- Object : 최상위 객체, 모든 객체는 이를 기본으로 하여 생성- Number : 숫자 표현하는 객체- String : 문자열 표현하는 객체- 메서드 체이닝 : 메서드를 연속적으로 사용하는 것 ## Object - JavaScript의 가장 기본적인 내장 객체로, 최상위 객체- Object() 생성자 함수에 의해 생성된 인스턴스- 모든 기본 내장 객체는 Object 객체를 기본으로 만들어짐- 생성var object{};var object = new Object(); - 메서드constructor() : 객체의 생성자 함수를 나타냄hasOwnProperty(V) : 문자열 매개 변수로 전달된 속성이 객체에 있는지 확인isPr..

### 객체(Object) * JavaScript에서는 다른 객체지향 언어와 달리 클래스 없이 생성 가능* JavaScript는 이러한 이유로 객체 기반의 스크립트 언어로 불리고, 많은 부분이 객체로 존재해 매우 중요한 개념* 자기 자신이 가진 속성을 이용할 때, 반드시 this 키워드를 이용해야 함. JavaScript의 경우 생략 자체가 불가. - 변형 가능한 속성들의 집합- 이름과 값이 있는 속성들이 포함하는 컨테이너- 데이터를 모으고 구조화하는데 유용- 객체에 없는 속성값 접근 시, undefined 출력 Number, String, Boolean = 유사객체 Array, Function, 정규표현식 등 참조 타입이 객체인 것들 = 객체 ## 속성이름 - 빈 문자열을 포함해 어떤 문자열이나 숫자 ..

### JavaScript 내장 객체 - JavaScript 자체적으로 제공- Object : 최상위 객체, 모든 객체는 이를 기본으로 하여 생성- Number : 숫자 표현하는 객체- String : 문자열 표현하는 객체- 메서드 체이닝 : 메서드를 연속적으로 사용하는 것 ## Object - JavaScript의 가장 기본적인 내장 객체로, 최상위 객체- Object() 생성자 함수에 의해 생성된 인스턴스- 모든 기본 내장 객체는 Object 객체를 기본으로 만들어짐- 생성var object{};var object = new Object(); - 메서드constructor() : 객체의 생성자 함수를 나타냄hasOwnProperty(V) : 문자열 매개 변수로 전달된 속성이 객체에 있는지 확인isPr..