STS Project 생성 어제 사수님의 도움을 받아 어찌어찌 환경설정을 했다. (맥에 jdk는 기본으로 있다는 것도 놀라웠고 그래서 버전 업을 하는 과정에서 애먹었다. 어려워어려워.. 맥은 너무 어렵다.)사실 너무 빠르게 하고, 방대한 정보를 머리에 넣느라 다 잊어버렸을 것 같아 프로젝트 생성과정을 간단하게 적어보려고 한다. 1. 프로젝트 생성하는 건 모든 개발자들이 잘 아시지 않습니까? 그래도 이 화면이 처음이니까 ㅎㅅㅎ 2. Spring Legacy Project를 선택 Next! (Starter Project와는 어떤 부분이 다른가에 대한 것은 아직 잘 모르겠음. Starter는 선택해야 할 것이 굉장히 많아서 복잡해 보였음. 툴에 대한 이해도와 Spring에 대한 이해도가 높아지면 비교해봐야겠음. 난 Spring도 몰랐었.. STS Server resources 1. STS에서 MVC로 프로젝트를 생성.server 로컬로 돌리기 위해 resources 부분을 수정해줘야함 이렇게 수정해줘야 크롬에서 실행할 때 localhost:8080/filename.html 이렇게 할 수 있음. 2. github 내일 프로젝트 다시 생성해보고, 내가 해볼예정임commit한 파일이 변경되었다면 '>'표시가 생김. 이것을 index 추가를 해줘야 commit and push가 가능하다.이걸 해주지 않으면 커밋할때이런 경고창이 뜬다. jQuery sortable button handle jQuery에 sortable 메소드를 사용하여 list들을 다룰 수 있다.이때 하나의 list를 눌러서 다루는 것이 아닌, button을 사용하여 다룰 수 있는 것이 있다. $(function(){$("#sortable").sortable({ handle: 'button', cancel: '' });}); //각 list들을 마음대로 순서를 바꿀 수 있게 크게 sortable로 잡아준다. //list1list one//list간 공백을 사용하지 않고, hr태그를 사용하여 분리해줬다 //list2 list two//list간 공백을 사용하지 않고, hr태그를 사용하여 분리해줬다 //list3 list three//list간 공백을 사용하지 않고, hr태그를 사용하여 분리해줬다 여기서 꼭 cancel:' .. jQuery img Upload preview 간단하게 img를 preview하는 코드이다.어떤 블로그를 참조해서 내가 직접 돌려보고 잊어버릴까봐(fiddle은 저장하는 기능이 있을텐데 난 잘 모르겠다 어휴 ㅠ ㅠ) 올리기 위함이다.(이 코드를 작성하신 분께서는 댓글 남겨주세요. 출처 남길게요) Remove $('#image').on('change', function() { ext = $(this).val().split('.').pop().toLowerCase(); //확장자 //배열에 추출한 확장자가 존재하는지 체크 if($.inArray(ext, ['gif', 'png', 'jpg', 'jpeg']) == -1) { resetFormElement($(this)); //폼 초기화 window.alert('이미지 파일이 아닙니다! (gif, png,.. jQuery UI accordion jQuery UI accordion 예제를 실행해봤다. 처음부터 하나도 열리지 않고 시작하고 싶어서 찾는 와중에active : false, collapsible: true를 설정해주면 된다. (한참 찾았음. ㅠㅅ ㅠ) $(function() { $( "#accordion" ).accordion({ active: false, collapsible: true });}); active => 각 section을 활성화 하는거냐 안하는거냐collapsible => section을 열고 닫고 할 수 있는 거냐 아니냐(이건 디폴트값은 false) 이렇게 간단한 것을.. ㅠㅅ ㅠ accordion API : http://api.jqueryui.com/accordion/#option-disabled MVCPatternAndUIFramework 조금 부족하지만 발표자료어떻게 PPT형식으로 바꾸지 폰에서는 되던데..keynote로 제작했습니다 jQuery select option 첫번째 select에서 선택된 index값을 가져와서 두번째 select에 그 인덱스에 맞는 값을 넣어줬다.이건 참 ㅂㅣ효율적인 것 같은데........... 집에가서 내 컴으로 해봐야겠다. 따로 js파일 만들어서 거기서 가져오는게 훨씬 나을 것 같다. 아니면 어ㄷㅣ 케스파에 등록되어 있는거 없나. 이걸 다 입력해야해?(물론 다 입력할 수 있지만) $(function() { var team = $("option:selected").val(); var cjP = ["Shy", "Untara", "Haru", "Bubbling"]; var roxP = ["Smeb", "Peanut", "Kuro", "Cry"]; var afsP = ["ikssu", "lindarang", "lira", "seonghwan".. UI Framework UI Framework는UI / UX를 효과적으로 다루기 위해 탄생되었다. 사용자이든, 개발자이든 사용자입장에서 보면(최근에 Bootstrap으로 구성된 웹사이트들을 이용해보았다.) 비슷한 위치에 비슷한 기능을 하는 버튼이 있다.예를 들어 nav-bar 오른쪽에는 메뉴들로 구성되어 있다. 그리고 왼쪽에는 홈으로 갈 수 있는 이미지가 있거나, 가끔 로그인 로그아웃 기능을 하는 Mypage기능이 있다.(이건 Airbnb) 개발자 입장에서는 코드를 보고 쉽게 이해할 수 있다. 쉽게 이해할 수 있는 코드가 제일 큰 장점이지 않을까? UI Framework의 종류는 다양하다. (jQuery mobile은 Library다.) 그 중 가장 많이 사용하고 있는 Bootstrap에 대해 알아보도록 하겠다. 이전 1 2 3 4 다음
