티스토리

사랑하기 위해 필요한 것들
검색하기

블로그 홈

사랑하기 위해 필요한 것들

www.whitestar.kr/m

진실된 사람으로 태어 나기 위한 조건들, 사랑하기 위해 필요한 것을 찾습니다.

구독자
0
방명록 방문하기
공지 행복한 개발자 구본숭입니다. 모두보기

주요 글 목록

  • 리액트 프로젝트 생성 리액트 프로젝트 생성npx create-react-app [생성할 리액트명]VSCode 설치https://code.visualstudio.com/Download 프로젝트 내에서 vscode 실행d:\work\frontend\testapp>code .VSCode 터미널에서 리액트 프로젝트 실행npm starttailwind CSS 설치npm install -D tailwindcss@3.4.17 postcss autoprefixernpx tailwindcss init -P 공감수 0 댓글수 0 2025. 4. 6.
  • jqGrid 이벤트 설명 $(document).ready(function() { $(“#list”).jqGrid({ 선언부분 }); }); / jqGrid url 전송 선언 : url, datype, mtype url : ‘/sample.do’, // url 선언 datatype : ‘json’, // 데이터 타입 지정 mtype : 'POST', // 데이터 전송 방식 지정 postData : {}, // url 보낼 값 설정, 검색조건 등의 초기값을 보낼 때 사용 // jqGrid 양식 선언부 caption, colNames, colModel, width, height 선언 caption : 'example Grid'; // caption 네임 설정 기본 미설정 colNames : ['컬럼.. 공감수 0 댓글수 0 2022. 8. 9.
  • jQuery 선택자 정리 [jquery core] jQuery( selector, [ context ] ) - $("input:radio", document.forms[0]); - $("div", xml.responseXML); - $('span', this) == $(this).find('span') jQuery( element ) - $("div") jQuery( elementArray ) - $("div > p") jQuery( html, [ ownerDocument ] ) - $("", { "class": "test", text: "Click me!", click: function(){ $(this).toggleClass("test"); } }).appendTo("body"); jQuery( callback ) - jQu.. 공감수 0 댓글수 0 2022. 7. 19.
  • jQuery : $(window).load, $(document).ready 로드 후 실행되는 시간 $(document).ready(function(){ // code }); -> 브라우저에서 DOM 트리를 생성하고난 후에 실행되게 되는 코드입니다.(DOM is ready) $(window).load(function(){ // code }); -> 모든 include 되는 프레임들과 object들, 이미지까지 로드된 이후에 실행됩니다. 출처: https://creator1022.tistory.com/156 [우물안에만 살지말자] 공감수 0 댓글수 0 2020. 1. 31.
  • jquery 화면 상단으로 이동 function scrollToTop() { $('html, body').animate({scrollTop: 0 }, 'slow'); } 출처: https://seongilman.tistory.com/301 [SEONG] 공감수 0 댓글수 0 2019. 12. 19.
  • 자바스크립트 event.keyCode ============================================================= 키 | 자바스크립트 코드(숫자) ============================================================= ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 0 = 48 1 = 49 2 = 50 3 = 51 4 = 52 5 = 53 .. 공감수 0 댓글수 0 2016. 4. 26.
  • jQuery selectBox 제어 1. jQuery로 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 3. 선택된 위치 var index = $("#test option").index($("#test option:selected")); 4. Add options to the end of a select $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. Add options to the start of a select $("#selectBox").prepend.. 공감수 0 댓글수 0 2016. 4. 14.
  • jQuery 자식 팝업 창에서 부모 창 컨트롤 jQuery 자식 팝업 창에서 부모창 컨트롤 view sourceprint? $(opener.document).find("#Form").attr("action","index.do").submit();자식창 -> 부모창으로 값 전달하기 view sourceprint? -opener.document.getElementById("id").value="value"; //dom 객체로 제어 $("#id",opener.document).val("value"); // jQuery 방식 1 $("input[name=imgFile]", parent.document.body).val() // 방식 2 $(opener.document).find("#id").val("value"); //방식 3 - opener.locatio.. 공감수 0 댓글수 0 2016. 3. 17.
  • jquery radio, select, checkbox select text값 가져오기 $("#select_box option:selected").text(); jQuery로 선택된 값 읽기$("#myselect option:selected").val();$("select[name=name]").val(); jQuery로 선택된 내용 읽기$("#myselect option:selected").text(); 선택된 위치var index = $("#test option").index($("#test option:selected")); // Add options to the end of a select$("#myselect").append("Apples");$("#myselect").append("After Apples"); // Add options to the.. 공감수 0 댓글수 0 2013. 10. 28.
  • 정규 표현식 요약 Regular Expressions in Java java.util.regex package 에 있는 Matcher 클래스와 Pattern 클래스를 사용하여 문자열을 정규표현식으로 검증할수 있다. http://www.javamex.com/tutorials/regular_expressions/pattern_matcher.shtml#.UfdJmo1M-X8 e.g. ) boolean b = Pattern.matches(“^[a-zA-Z0-9]*$”, this.input); A. 정규표현식 설명 ^ : 문자열의 시작을 나타냄. $ : 문자열의 종료를 나타냄. . : 임의의 한 문자를 나타냄. (문자의 종류는 가리지 않는다)| : or를 나타냄. ? : 앞 문자가 없거나 하나있음을 나타냄. + : 앞 문자가 하나.. 공감수 0 댓글수 0 2013. 10. 2.
  • quick menu 바 - quick menu bar 부분 ... 공감수 0 댓글수 0 2013. 7. 19.
  • javascript 브라우저 종류 if( navigator.appName.indexOf("Microsoft") > -1 ) // IE? { if( navigator.appVersion.indexOf("MSIE 6") > -1) // IE6? { // code } else if( navigator.appVersion.indexOf("MSIE 7") > -1) // IE7? { // code } } 출처 - http://www.dezrare.com/604 =================================================================================== 1. 브라우저 헤더정보 2. 객체존재여부 출처: http://blog.naver.com/cowboy0626/30007053474 공감수 0 댓글수 0 2012. 11. 23.
  • 자주 쓰이는 JQuery Ajax 예제 자주 쓰이는 jQuery AJAX 예제 개발일정에 치여 도무지 블로깅 할 시간이 안나 미치겠네요. 새로운 것 정리하기는 힘들고 자주 사용하고 있는 Ajax 패턴 정리해 봅니다. Ajax 구현할 때는 거의 jQuery 를 활용하고 있습니다. 모바일 웹 구현할 때 네이티브 앱과 같은 UX 를 위해 Ajax 를 많이 사용하게 됩니다. ■로그인 로그인은 보통 화면에서 폼 값을 입력한 후 해당 값과 함께 ajax 호출합니다. 호출된 액션에서 로그인 관련 인증 및 예외처리 프로세스를 돌인 후 인증 상태에 따라 결과 값을 출력합니다. 출력된 값에 따라 로그인 페이지에서 경고를 띄우든 다음 페이지로 진행하든 처리하죠. ajax 루틴을 돌고 있을 때 사용할 로딩 바를 띄우는 작업도 함께 해주면 좀더 나은 UX 를 구현할.. 공감수 0 댓글수 0 2011. 8. 2.
  • jQuery 요약 [jQuery Cookbook - 1장 jQuery의 기초] • jQuery는 HTML문서, 보다 정확하게는 문서객체모델(DOM)과 자바스크립트 사이의 상호작용을 간단하게 해주는 오픈소스자바스크립트 라이브러리이다. •jQuery의 철학 : Write less, do more (적게 작성하고, 보다 많이 한다) •jQuery 선택자 : #은 id, .은 class •jQuery('div').hide() => 모든 div를 숨긴다. •jQuery('div').text('new content') => 모든 div의 내부텍스트를 변경한다. •jQuery('div').addClass("updatedContent") => 모든 div에 updatedContent클래스를 추가한다. •jQuery('div').show.. 공감수 0 댓글수 0 2011. 8. 2.
  • 자바스크립트 실수 모음 1. for문 안의 배열 iterate Example: var myArray = [ “a”, “b”, “c” ]; var totalElements = myArray.length; for (var i = 0; i < totalElements; i++) { console.log(myArray[i]); } Solution: always use regular for loops to iterate arrays. var myArray = [ “a”, “b”, “c” ]; for (var i=0; i 4. 클로저 오용 Example: function(a, b, c) { var d = 10; var element = document.getElementById(‘myID’); element.onclick = (funct.. 공감수 0 댓글수 0 2011. 5. 20.
  • 자바스크립트 팁 자바스크립트 완벽 가이드 * 지역변수는 함수 전체에서 정의되어 있다. var 문이 실행되고 나서야 실제로 초기화가 이루어진다. * 모든 객체는 객체를 초기화하는데 사용되는 생성자 함수인 constuctor 프로퍼티를 갖는다. * 리터럴 객체 혹은 리터럴 배열 생성방법: var obj = {} , var arr = [] 이다. 생성자를 사용 호출시 new() 사용한다. 함수 전역 변수 function square(x) { return x * x; } var a = square(4); // a에는 숫자 16이 저장된다. var b = square; // 이제 b는 square 같은 함수를 가르킨다. var c = b(5) ; // c에는 숫자 25가 저장된다. var o = new Object; o.squa.. 공감수 0 댓글수 0 2011. 5. 20.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.