코딩하는 문과생

xPlatformxPlatform은 TOBESOFT사에서 개발한 프론트엔드 솔루션이다. 1. 쉬운 컴포넌트 배치파워포인트처럼 프론트엔드 구성에 필요한 컴포넌트들을 마우스로 쉽게 배치하고 조절할 수 있다. 2. 백엔드와 분리Javascript와 DataSet이라는 개념을 이용해 프론트를 구성하고 Spring과 같은 백엔드와 통신한다. xPlatform 이해하기xPlatform에 대해 공부하며 큰 아키텍처부분만 정리를 해봤다. 1. 조회하기 2. 등록 및 조회하기 3. 단순 화면 변경 UX Studio 구성도: xPlatform 개발IDE 1. Toolbars 2. Project Explorer & Design UX Studio는 개발된 UI화면을 자동으로 소스코드(xml파일)로 만들어 주는 장점이 있다.3..

14. 애니메이션 효과 jquery를 이용해 애니메이션 효과를 구현했습니다. 1234567891011121314 $(document).ready(function(){ $("#show").click(function(){ $("p").animate({borderWidth:"10px"}); });//show 클릭시 border가 10px로 애니메이션 효과를 가지고 증가 $("#stop").click(function(){ $("p").animate({borderWidth:"1px"}); }); });hihihihianistopcs

13. 천천히 목록 없애기 -jQuery를 이용해서 목록을 천천히 제거하는 것을 구현해 보았습니다. 123456789101112131415161718192021222324 $(document).ready(function(){ $("button").click(function(){ $("ul li:first-child").hide(3500); }); }); list1 1 2 3 list2 1 2 3 clickColored by Color Scriptercs

자바스크립트/ 12. onmouseover & onmouseout 마우스가 오버되거나 해당 태그를 벗어날 경우 발생하는 이벤트. 1234567891011121314151617181920 First Display.. function mOver(obj){ obj.innerHTML = "Thank U"; //div의 텍스트를 수정 } function mOut(obj){ obj.innerHTML = "Mouse Over Me." //div의 텍스트를 수정 } Colored by Color Scriptercs 첫화면오버했을때빨간색 구역 벗어났을 때