티스토리

학스의 개발일지
검색하기

블로그 홈

학스의 개발일지

hacs2772.tistory.com/m

일상과 코딩 그 사이 어딘가에있는 블로그.. 블로거이자 빅데이터개발자 학스 입니다 JAVA, jQuery, PostgreSQL, MySQL, HIVE, Hadoop 더 많은 정보는 깃허브 주소 https://github.com/hacs2772 를 방문해주세요

구독자
1
방명록 방문하기
공지 안녕하세요 JAVA개발자 학스입니다. 모두보기
반응형
SMALL

주요 글 목록

  • [jQuery] 제이쿼리 기초 및 사용방법 part.5 text,append,prepend,before,after #jQuery #append #prepend #before #after #jQuery기초 #jQuery처음 #css #택스트 바로 설명 시작하겠다. 원하는 문자는 text, append, prepend, before, after를 써서 나오게 할 수 있다. 사용방법은 jQuery 기초 및 사용방법 part.2를 보고오시면 된다.(글 하단에 링크있다) 하나하나 기초적인 부분부터 설명하면 text를 사용하면 기존에 있던 값에다가 '덮어씌우게'된다. append를 사용하면 text와는 달리 기존에 입력되어있던걸 '유지'한 채 '우측에' 주가로 삽입하게 된다.(부모요소 마지막에) prepend를 사용하면 기존에 입력되어있던걸 '유지'한 채 '좌측에' 주가로 삽입하게 된다.(부모요소 맨앞에) before를 사용하.. 공감수 0 댓글수 4 2023. 9. 13.
  • [jQuery] 제이쿼리 기초 및 사용방법 part.4 CSS vs Animate 일단 animate의 다양한 기능에 대해서 설명하겠다. $("div").animate({right: "250px"}); 이걸사용해서 원하는 태그를 이동시킬 수 있다. 혹시 여러개를 동시에 사용하고싶다면 $("div").animate({right: "250px", backgroundColor : "blue"}); 이렇게 , 로 묶으면된다. 이렇게 animate에서 right말고도 opacity, width, height, backgroundColor 등등 다양한 기능을 사용할 수 있다.(양이 방대하니 필요할때 원하는 기능을 즉각적으로 찾아보길 바란다) 그러면 의문점이 들것이다. 과연 animate는 언제 사용할까? 왜냐하면 css를 변경하려면 animate말고도 .css();를 이용하여 변경할 수 도 있기.. 공감수 0 댓글수 0 2023. 9. 12.
  • [jQuery] 제이쿼리 기초 및 사용방법 part.3 이벤트 종류 예시용 코드 $("#hacs")._____(function(){ $(this).show(); }); 이벤트 종류 click : 클릭시 일어나는 이벤트 추가로 $("#hacs").on("click", function(){ $(this).show(); }); 이것도 동일한click 작업을 수행한다. 하지만 더 읽기 쉽고 작업하기 편한 구문을 선택해야할텐데 일반적으론 on을 사용하지 않고 바로 click이벤트를 처리하는게 더 간결하고 보기가 쉽다. dblclick : 더블클릭시 일어나는 이벤트 keypress : 키보드 눌렀을 경우 일어나는 이벤트(input박스에 실험해보면 이벤트가 발생하고 키입력이 된다.) mouseenter : 마우스 올려놨을때 일어나는 이벤트(마우스 오버느낌(미리보기볼때 이런느낀이다)).. 공감수 0 댓글수 0 2023. 9. 12.
  • [jQuery] 제이쿼리 기초 및 사용방법 part.2 hide, show, toggle #hide #show #toggle #jQuery #숨기기 #보이기 #fadeOut #fadeIn #fadeToggle #slideDown #slideUp #slideToggle #html #css 숨기고 보이는 방법은 어렵지 않다 먼저 예시를 보여주겠다 hide $("#hacs").hide(); show $("#hacs").show(); id값이 hacs인것을 숨기고 보여주는 예시이다. '그러면 숨기고 보일때마다 버튼 2개만들어서 숨기는 버튼 보여주는 버튼 2개나 만들어야해??' 아니다 버튼하나로 끝낼 수 있다. 그 기능이 바로 toggle이벤트이다 예시먼저 보여주겠다. toggle $("#hacs").toggle(); 이것을 걸어주게되면 id값이 hacs라는게 show가 되어있으면 hide가 되는거고.. 공감수 0 댓글수 0 2023. 9. 12.
  • [jQuery] 제이쿼리 기초 및 사용방법 part.1 $, #, 태그? 일단 여기서 설명할 방법은 다양한 예시를 보여주고 한줄한줄 풀어보면서 설명할 예정이다 왜냐하면 나는 공부할때 개념보단 문제를 먼저 보기 때문이다 쌩판 모르는 문제이지만 어떤것인지 예시를통해 추측하고 파악하는 케이스라 jQuery는 무엇무엇이다! 라고 말하는 기존 다른 블로그와는 다를것이다. 처음엔 간단한 사용방법만 알려주고 예시를 읽어가면서 어떻게 쓰이는구나 이런식으로 사용해야하는구나 하고 깨달아갔으면 좋겠다.(스스로 예시보고 사용방법보고 왓다갔다 해보자) 일단 jQuery는 반드시 기본 틀 안에서 작성해야한다. 예를들어 $(document).ready(function(){ // 여기서 코딩 시작 }); 이렇게 기본틀을 만들고 사용한다. 참고로 document, window, this는 jQuery에서 .. 공감수 0 댓글수 0 2023. 9. 11.
  • Disabled란? (html, css) #CSS # disabled #HTML #수정삽입 #로그인 disabled는 선택, 클릭, 입력 등 포커스를 받지 못하게 하는 기능이다. 이것을 위와같은 코드로 작성하게된다면 비록 인풋박스이지만 선택도 클릭도 입력도 할 수 없는 박스가 된다. 먼저 간단하게 소스코드를 짠 뒤 테스트 해보았다. CODE 출처 입력 $("#test2").val("수정 가능 @#@#@#@#@123456789"); $("#test3").val("수정 불가 @#@#@#@#@123456789"); test disabled를 설정해주는 방법은 html 태그 안에서 disabled="disabled"를 입력해 주면된다. 위와같이 disabled를 설정해 주지 않은것은 input박스이니 당연히 수정, 삽입이 가능한데 이렇게 disable.. 공감수 1 댓글수 0 2023. 9. 8.
  • 이클립스 초기설정 part.4 적응하기(단축키 + 유용한 단축키) #이클립스 #이클립스초기설정 #초기설정 #단축키 #이클립스단축키 #이클립스단축키변경 #단축키변경 사람마다 단축키 취향은 다르고 그 단축키는 어떻게 사용하느냐에따라 그 프로그램을 사용하는데에 매우 유용하고 편리하게 작용할 수 있다.(마치 배그에서 자동핑 찍는 단축키마냥) 어느 IDE나 같이 단축키는 거의 같다. 그런데도 살짝살짝 다른 경우가 있기때문에 + 커스텀 단축키를 만들 수 도 있기에 이렇게 글을 작성해 본다. 먼저 내가 이클립스를 사용하면서 가장 유용하게 썻던 단축키 들을 나열하겠다. 유용한 단축키 (참고로 순서는 많이 사용한 순서이다.) ctrl + s : 저장(현재 파일만) //(눌러라그냥 10초에 한번씩) ctrl + z or y : 되돌리기 or 되돌리기를 되돌리기 //(이건뭐... 너무 손.. 공감수 1 댓글수 2 2023. 9. 8.
  • 이클립스 초기설정 part.3 가독성 높이기(글자색 변경) 이클립스 초기설정 part 1. 서버, 자바버전, 톰캣버전 설정 https://hacs2772.tistory.com/11 이클립스 초기설정 part 1. 서버, 자바버전, 톰캣버전 설정 이클립스를 처음 시작하다보면 많이 난감한 경우가 많다.(가시성 최고인 IntelliJ에 비하면..) 하지만 테마 설정은 하단 링크를 확인하시고 이클립스 초기설정 part.2 가독성 높이기(테마 및 색상변 hacs2772.tistory.com 이클립스 초기설정 part.2 가독성 높이기(테마 및 색상변경) https://hacs2772.tistory.com/26 이클립스 초기설정 part.2 가독성 높이기(테마 및 색상변경) 처음 이클립스를 사용하면 상당히 불편하다(intelliJ에 비해(가독성..자동디버깅...)) int.. 공감수 1 댓글수 0 2023. 8. 31.
  • 이클립스 초기설정 part.2 가독성 높이기(테마 및 색상변경) 처음 이클립스를 사용하면 상당히 불편하다(intelliJ에 비해(가독성..자동디버깅...)) intelliJ에서 넘어온 나로서는 마치 고속도로를 타다가 비포장도로를 달리는 느낌이랄까? 하지만 대부분 자바를 쓰는 곳에선 이클립스를 많이 사용하고있다(무료이기도 해서) 이 얘기를 왜꺼냈냐면 어차피 적응 해야한다면 좀더 나만에 개성있고 가독성 높은 개발환경을 만들고 싶기 때문이다. 그중 가장 눈에 띄게 바꿀 수 있는점은 테마와 폰트이다! 먼저 테마변경부터 설명하겠다. 기본테마설정도 있겠지만 당연 마음에 안들어 할것이고.. Eelipse Marketplace에서 사용자들이 만든 테마를 다운받아 적용하는 것을 추천한다(마치 애플의 앱스토어 같은 느낌) 일단 상단 Help클릭 -> Eelipse Marketplace.. 공감수 1 댓글수 0 2023. 8. 31.
  • BufferedReader와 BufferedWriter 사용법과 사용 이유 (+@ StringTokenizer) 자 일단 BufferedWriter 와 system.out.print에 차이에 대해 먼저 설명하겠다 먼저 자주 쓰이고 만만한 system.out.print먼저 예시를 보여주겠다. system.out.println("가나다라"); // 출력 : 가나다라 그 다음 BufferedWriter의 예시를 보여주겠다. BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out)); bw.write("가나다라"); bw.flush(); bw.close(); // 출력 : 가나다라 두개의 공통점은 똑같이 출력이 "가나다라" 인것은 같다. '아흐 입출력하는데 왜이리 복잡하게 해!' 라고 생각할 수 있지만 방금 예시는 간단한 한두줄 출력이라 sysou.. 공감수 1 댓글수 0 2023. 8. 30.
  • 화면단위 css 및 html 수정 tip 평소에 웹을 만들면서 f12를 눌러 개발자 창에서 콘솔창만 보거나 했는데 사실 여기엔 엄청난 장점들이 많다 특히 나는 프론트를 잠깐잠깐 만져야 할때가 있었는데 이때는 페이지 콘솔창에서 수정해서 원인을 찾는게 더 빠르고 유용하다. 일단 화면단위에대해 수정은 페이지에서 f12를 누르고 요소 또는 밑에 스타일에서 바로바로 수정하면서 어떤점을 수정해야하는지 즉각적으로 나와 이렇게 수정 보완하는게 편하고 빠르다!! 예시로 예전에 화면을 숨겼다 나타내는 것을 한적이 있는데 (화면 숨기기 참고) 여기서 style="display: none;" 에서 block로 숨겼다 나타내곤 했다. 하지만 이렇게 하면 기존 css가 무너지는 현상이 발생하게 되었다.(ex 화면중앙에 오던 로딩창이 숨겼다 나타내니 화면 좌측 상단으로 .. 공감수 1 댓글수 0 2023. 8. 25.
  • SmartClient 11.ver part.1 적응하기 Smartclient는 무었일까? SmartClient API는 제공되는 컴퓨터 프로그램 또는 소프트웨어 라이브러리의 일부로서, 클라이언트-서버 애플리케이션의 사용자 인터페이스(UI)를 개발하고 관리하기 위한 도구를 제공하는 API이다. 주로 웹 및 모바일 애플리케이션에서 사용되며 풍부한 UI요소와 인터랙션을 구축하고 효율적으로 관리할 수 있도록 도와준다! SmartClient API는 대화형 웹 애플리케이션과 대규모 데이터 처리가 필요한 엔터프라이즈 애플리케이션을 개발하기 위해 사용될 수 있다. 이 API는 다양한 UI 컴포넌트 및 위젯, 데이터그리드, 차트, 폼컨트롤 등을 제공하여 사용자 인터페이스를 구축하고 데이터를 효율적으로 표시하고 조작할 수 있도록 도와준다! 정말 쉽게 설명한다면 결국엔 Sma.. 공감수 1 댓글수 0 2023. 8. 21.
  • ⚠⚠ 팝업?? 일반적으로 팝업은 클릭 시 detail같은 것들을 창이 나와 보여주는 것이다. (광고나 추가 창) 일반적인 팝업에 종류에는 다양하다 윈도우, 레이업 등등 인터넷에 나와있는 팝업오픈소스들을 통해 만들 수 있다. 일반적인 윈도우 팝업과 레이업 팝업의 가장 큰 차이는 윈도우팝업과 달리 레이업팝업은 현재 창에서 또다른 창을 불러오는것이 아니라 현재 창에서 팝업창을 띄워주는 것이다. 그러기에 레이업팝업창은 현재창에서 벗어날 수 없다. 마치 alert창 같은 느낌인 것이다. 레이업팝업은 윈도우 팝업과는달리 오브젝트로 바로 가능하다. 뷰에서 즉시 파라미터에 넣어서 슥슥 데이터를 지정할 수 있다. 참고로 팝업이벤트는 api를 많이 사용하고있다. 공감수 1 댓글수 0 2023. 8. 20.
  • 이클립스 데이터 복구팁! (처음으로 돌아가기) #SVN 주의! 본 방법은 깃이 아닌 SVN을 이용했을때 사용하는 방법입니다. 가정 : svn서버에서 데이터를 가져와 코딩을 하고있는데 실수로 잘못 지우거나 저장하고 꺼버렸을경우 (ctrl+z불가한 경우) 굳이 설정을다시하지말고 툴바에 window -> show view -> synchronize (단축키는 ALT+SHIFT+Q, Y) 에 들어간 뒤 (svn이 적힌걸 확인하고!) (깃은 히스토리나 다른방법으로 백업...) 그리고 복구시킬 원하는 파일을 선택한 뒤 마우스 우클릭 후 revert를 누르면 서버에서 제공했던 파일 그대로 전달 받을 수 있다. 완정망쳐서 처음부터 다시하고싶다면 이방법을 실행해보자 공감수 1 댓글수 0 2023. 8. 18.
  • 일정 택스트부분 원하는 값으로 변환 #SUBSTITUTE #replace 엑셀에서 일정 텍스트를 원하는 값으로 바꾸려면 SUBSTITUTE를 사용한다. 예를들어 SUBSTITUTE("abcdefghi","def","xxx") => 'avcxxxghi' 이러한 유용한 기능을 뷰에선 사용할 수 없을까?? 당연히 사용할 수 있다. 바로replace이다. 일단 사용방법은 변수.replace("바꾸고싶은 값","바꾸려는 값") 이것이다. 예시를 보여주겠다. var xxx = "abcdefghi"; var yyy = xxx.replace("def","_xxxxx_"); console.log(yyy); // 결과는 "abc_xxxxx_ghi" 매우매우 간단하고 유용하게 사용될 수 있다. 예를들어 html에서 id의 id값이 반복적으로 난무하고 그 값에 따른 name값도 비슷하게 id값이 .. 공감수 1 댓글수 0 2023. 8. 11.
  • context 이벤트 사용하는법 (마우스 우클릭 이벤트 심화버전) 우클릭으로 상세보기를 하려고 한다. 이걸 하기위해선 미리 context.js에서 메소드가 정리되어 있다는 가정하에 설정할 수 있다. 만약 된다면 일단 사이트에서 우클릭을 하게된다면 beforeopen으로 들어가게 될것이다(클릭 전 이벤트 이니 우클릭 시 나오는 메뉴가 나온다.) 그러면 거기에 맞는 url을 타고 if문을 통해 원하는 view조건에 앉게 될 수 있다. (따로 만들어야함) 그러면 우클릭 후 클릭하게 되면 select 이벤트로 이동하게 되고 select에 진입하여 switch case문을 타고 들어올 수 있다. 그러면 이제 원하는 창이던지 알람이던지 메시지던지 자신의 입맛대로 작성하면 그 이벤트를 보여줄 수 있다.(이것도 당연 따로 만들어야함) 만약 팝업을 보여주고 싶다면 팝업창 url을 작성.. 공감수 1 댓글수 0 2023. 8. 10.
  • #HTML #JQuery 태그 삭제, 숨기기, 보이기 part2. 숨기기, 보이기 이클립스 초기설정 part 1. 서버, 자바버전, 톰캣버전 설정 https://hacs2772.tistory.com/11 이클립스 초기설정 part 1. 서버, 자바버전, 톰캣버전 설정 이클립스를 처음 시작하다보면 많이 난감한 경우가 많다.(가시성 최고인 IntelliJ에 비하면..) 하지만 테마 설정은 하단 링크를 확인하시고 이클립스 초기설정 part.2 가독성 높이기(테마 및 색상변 hacs2772.tistory.com 이클립스 초기설정 part.3 가독성 높이기(글자색 변경) https://hacs2772.tistory.com/27 이클립스 초기설정 part.3 가독성 높이기(글자색 변경) 이번에 할 것은 사실상 코딩할때 기초설정중 가장 중요하다 할 수 있는 글자색 변경이다 왜인지 이해를 돕기위한 .. 공감수 1 댓글수 0 2023. 8. 10.
  • #HTML #JQuery 태그 삭제, 숨기기, 보이기 part1. 삭제 태그의 종류는 많지만 사용하는법은 어렵지 않다. 부득이하게 한 화면에 여러 태그를 사용하되 원하는 태그만 보여주고싶은 경우가 생길 수 있다. ex) 한 화면에 탭버튼을 이용하여 원하는 차트의 팝업창만 보여주고싶은경우 html 코드를 보여주면서 설명하겠다. 사용시간 이름 아이디 그룹이름 IP 행위 날짜 아이디 직업 유형 직업 상태 파일 사이즈 이건 testpopup에서 보여주는 팝업이벤트 화면부분이다. 이 화면에선 2가지의 팝업창을 각자 조건에 따라 보여주게 되는데 이걸 그냥 보여줄 수 없다. 왜냐하면 각자 차트마다 호출하는 data-key도 다를뿐더러 리스트 컬럼개수도 그리드1은 5개 그리드5는 6개 이다. 그냥 보여주게 된다면 하나의 팝업창에 2개의 표시도 안되는 그리드가 보여지게된다. 이러한 경우 각.. 공감수 1 댓글수 0 2023. 8. 9.
  • FusionCharts API를 이용한 차트만들기 차트만들기는 매우 간단하다. 마치 프레임워크처럼 정렬되지 않은 데이터들을 양식에 맞게 끼워 넣어주기만 하면 되기때문이다. (반드시 맞게 넣어줘야하긴함..) 그래서 우리가 할 일은 데이터를 어떻게 끼워넣어야하는지 파악을 하고(어떤 데이터들이 들어가야하는지 EX) 날짜, 제목, 데이터 수...등등) 쿼리로 원하는 데이터를 추출한 다음 서비스에서 조건을 걸어주고 뷰에서 차트를 만들기 위한 변수에 추출해온 데이터를 하나하나 삽입 및 CSS 디자인해주면 되는 것이다.! 요약 : 추출데이터파악(양식) -> 쿼리작성 -> (서비스조건) -> 뷰에서 데이터 넣기 -> CSS디자인 고로 첫번째로 FusionCharts사이트에 들어가 양식이 어떻게 되어있는지 파악부터 해야한다. (https://www.fusionchart.. 공감수 1 댓글수 0 2023. 8. 9.
  • 이클립스 초기설정 part 1. 서버, 자바버전, 톰캣버전 설정 이클립스를 처음 시작하다보면 많이 난감한 경우가 많다.(가시성 최고인 IntelliJ에 비하면..) 하지만 테마 설정은 하단 링크를 확인하시고 이클립스 초기설정 part.2 가독성 높이기(테마 및 색상변경) https://hacs2772.tistory.com/26 이클립스 초기설정 part.3 가독성 높이기(글자색 변경) https://hacs2772.tistory.com/27 이번에 다룰 점은 SVN을 통해 다른 프로젝트를 PULL할때 버전이 맞지 않아 구동이 안되는경우 어떻게 대처를 해야하는지 설명하겠다. 📌📌 이클립스에서 서버를 풀 하는법 : 원하는 SVN서버에 접속 후 원하는 프로젝트를 선택 마우스 우클 누른 뒤 Checkout 클릭 (디폴트 값이 설정 된대로) next 누른 뒤 타겟을 피니쉬를 .. 공감수 1 댓글수 0 2023. 8. 8.
  • 전역변수 선언상황 전역변수는 다른 메소드에서 하나의 변수를 사용할때 사용하는 특별한 경우에만 사용하게 된다. 그걸 제외하곤 보통 지역변수를 많이 사용하곤한다. 전역변수를 사용하는 예시를 보여주겠다. 먼저 팝업 이벤트를 사용하기위에 AJAX를 통해 데이터 값을 불러오게된다. 그러면 그 값은 그 메소드에서만 돌게 된다 하지만 전역변수를 이용하여 그 변수에 불러온 데이터를 삽입하면 다른메소드에서도 사용할 수 있다. 그럼 그 변수를 이용하여 팝업 이벤트 메소드를 만들어 현재 화면에 나온 데이터를 팝업 화면에 보여줄 수 있고 입맛대로 만들 수 있다! 하지만 이러한 경우는 당연하지만 AJAX요청이 완료된 후 비동기적으로 설정되기에 시작하자마자 전역변수에 값을 넣어주지 않는다면 오류가 나게된다. 고로 이때 사용할 팁은 AJAX에서 c.. 공감수 1 댓글수 0 2023. 8. 8.
  • ORDER BY 그리고 DESC, ASC 날짜같은것들을 보여주는 값들은 항상 최신것들을 보여줘야하기때문에 쿼리 제일 마지막 리미트 전에 order by (정렬할 컬럼) desc를 해야한다 그래야지 보통 시간으로 정렬했을때 최신것 부터 보여주게 된다. 정렬을 안하고 리미트를 자를 시엔 데이터가 이상하게 짤릴 수 있다. 그러기에 리미트를 걸던 어떤 데이터를 다중으로 보여주는 상황에는 반드시 정렬을 해주자 ORDER BY 즉 정렬은 언제 사용할까? 예를들어 날짜같은것들을 보여주는 값들은 항상 최신것들을 보여줘야하기때문에(내림차순) 쿼리 제일 마지막 리미트 전에 order by (정렬할 컬럼) desc를 해야한다 마치 카드내역을 조회하는데 방금 커피산걸 제일 상단에 보여줘야지 한달전에 국밥먹은걸 제일 상단에 보여주진 않는것 처럼 말이다. 그럼 오름차순.. 공감수 1 댓글수 0 2023. 8. 8.
  • With RECURSIVE 쿼리 위드 리쿼시브 쿼리 (구문을 통해 쿼리가 반복되며, 반복된 결과를 부모쿼리영역에서 from절로 가져와 사용하는 구조이다.) 예시 코드는 WITH RECURSIVE recursive_name(column1, ...) AS ( SELECT(column1, ...) ~~ // 처음 호출하는 쿼리(필수) UNION [ALL] ~~SELECT(column1, ...) FROM recursive_name [WHERE] // 반복쿼리(재귀쿼리) ) SELECT * FROM recursive_name // 부모쿼리 따라서... WHIT RECURSIVE 쿼리를이용하여 데이터의 깊이를 알 수 있다. 결국 배열로 정리되는데 배열의 length를 조회하면 거기의 깊이를 알 수 있다. 고로 길이가 1이면 최상위 트리일것이고 .. 공감수 1 댓글수 0 2023. 8. 8.
    반응형
    LIST
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.