봉봉의 개인 블로그

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051Insert title here 추가 123 //플러그인제작하기 (function($){ $.fn.mySpanSearch = function(myfn){ return this.each(function(){ $(this).click(myfn) }); } })(jQuery); $(document).ready(function(){ $('span').mySpanSearch(function(){ console.log($(this).text()); alert($(this).text()); }); }); //콜백함수 var myfn = function(..

ERD(Entity Relationship Diagram)란?ERD는 말로서 되어있는 요구분석사항을 그림으로 그려내어 그 관계를 도출하는 것이다. 데이터 모델링 분야에서 "개체-관계 모델(Entity Relationship Model)"이란 구조화된 데이터에 대한 일련의 표현이다. "구조"화된 데이터를 저장하기 위해 데이터베이스를 사용하고 이 데이터의 "구조" 및 그에 수반한 제약 조건들은 다양한 기법에 의해 설계될 수 있다. 그 기법 중 하나가 개체-관계 모델링(ERM: Entity-Relationship Modelling)이다. ERM 프로세스의 산출물을 가리켜 개체-관계 다이어그램(ERD: Entity-Relationship Diagram)이라 한다. 데이터 모델링 과정은 데이터 모델을 그림으로 표..

IDE 관련 궁금한걸 물어보려고 OKKY를 둘러보고 Q&A를 작성하려고 글쓰기를 눌렀습니다.. 이때 처음 본게 에디터가 참 심플하고 괜찮다고 생각했습니다..그래서 알아보니 Summernote 라는 위지윅 에디터를 사용하고 있었습니다. 약간의 검색을 해본 내용을 공유해볼까 합니다. 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. 이는 편집 명령어를 입력하여 글꼴이나 문장 형태를 바꾸는 방식과 구별된다.현재 대부분의 워드 프로세서는 위지위그 방식을 쓰고 있으나 HTML이나 TeX는 편집 명령어를 통해 편집하는 방식을 고수하고 있다. 이는 문서의 호환성, 범용성 때문..

Mock up 예를 들면 시제품? 약간 모형같은거라고 생각하면 된다.예를들어 Kakao Oven 을 예로 들면이런식으로 PPT 처럼 화면을 추가하고 맞는 기능을 오른쪽 도구bar 에서 추가해서 넣을수도 있게 된다.왼쪽위 재생버튼같이 보이는걸 누르게 되면 시작할수 있다 시작하면이런식으로 약간 css 를 이용해 만든 페이지 처럼 구성을 할수 있게되며이런식으로 클릭하게 되면 원하는 링크로 이동할수도 있게 된다. 꼭링크 이동뿐만아니라 화면의 흐름이라던지 기능같은걸 정리해서 표현해두어야 한다. 기능등을 정리해 표현을 미리 해두는 스토리보드를 미리 만들고 프로젝트를 진행하는것이 도움이 많이된다.

JQuery 활용해보기 ---------------------------------------------선택자 메서드--------------------------------------------- parent - 선택된 대상의 1단계 부모검색parents - 선택된 대상의 html최상위까지 검색 (매개변수로 인하여 브레이크가능) first - 선택된 대상의 첫번째를 선택last - 선택된 대상의 마지막을 선택 eq - 선택된 대상의 해당 index를 선택index - 선택된 대상의 index 값을 구한다.예)$('선택자').index($(this)) chlidren - 선택된 대상의 1단계 자식 검색find - 선택된 대상의 자식 전체 검색 ----------------------------------..

Bootstrap 사용과 JQuery 사용해보기.123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 Insert title here.no-padding{padding: 0 !important;} 학생신상카드 play..

Ajax 활용하기먼저12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758Insert title here //ready() document를 읽어 사용할 준비가 되었슴. $(document).ready(function(){ //선택자(↓↓) 부분에 스페이스바를 적게되면 하위라는 소리이다. $('#callAjax').click(function(){ var request = $.ajax({ url : "/TakTak/call.jsp", //호출 경로 method : "POST", //전송 방식 //data : { 'calltest' : 'call ajax'},//전송해줄값..