수상한 프로그래머/죽은 소스 살려내는 꾸르팁
-
Javascript get방식으로 파라미터 전달시 특수문자 초간단 처리수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 6. 23. 11:15
get방식을 선호하진 않지만 백서비스 때문에 어쩔수없이 get방식을 써야할 때가 있다. 이때 특수문자가 골칫거리!! 애초에 =& 이런 특수문자로 값을 할당하기 때문에 저 특수문자를 쓰면 컴터가 헤롱헤롱하는거!! const temp = `USER_ID=${id}&PW=${encodeURIComponent(password)}`; 이렇게 encodeURIComponent로 필요한 부분만 감싸주면 끝! 여기서 중요한거! 모든 Url을 감싸지 말고 필요한 곳에만!!! +, =, %, & 등등 다 잘넘어 간다 ㅎㅎ ^,.^
-
맥북 구입 후 Root 관리자 계정 패스워드를 모른다?수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 6. 5. 10:01
맥북을 구입한지 3년이 지났지만 Root 계정으로 접근할 일이 없어 Root 관리자로 로그인을 해보지 않았었다. 최근데 Root 유저로 터미널에서 로그인 하려고 했더니 내가 설정한 맥북 패스워드가 먹히지않아 찾아봤더니 아래와 같이 맥북자체 비밀번호 이외에 Root 관리자 패스워드를 따로설정해야 한다는걸 알게되었다. 급하게 관리가 계정을 쓸 경우도 생길수 있으니 미리 아래를 참조해 설정해 놓자 ㅎㅎ 제일먼저 터미널을 킨 후 sudo -s 명령어를 실행 그다음 passwd root 명령어를 실행하면 새로운 패스워드를 물어본다. 새로운 패스워드 입력후 다시한번 확인을 위해 입력하면 끝! su - 명령어로 Root 계정으로 로그인 해보면 로그인이 잘 되는걸 확인할 수 있다.
-
출력물 프로그램 없이 window 객체를 활용한 무료 출력물 만들기수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 5. 27. 10:52
웹개발을 하다 보면 웹 내용을 출력해 달라거나 별도의 출력물을 요청하는 경우가 생긴다. 그럴때 주로 비싼 출력물 솔루션을 사용하지만 흔히 알고 있는 window객체를 이용하여 무료로 출력물을 만들수 있는 방법이 있어 소개하고자 한다 ㅎㅎ 공짜 Free~~ +_+ 방법은 window.print(); !! 보통 현재 브라우저에서 보고 있는 화면을 인쇄하고 싶을때 마우스 우클릭후 인쇄버튼을 누르면 이런 출력창이 뜨면서 PDF로 저장하거나 출력도 할수 있다.(사진은 Chrome 브라우저에서 인쇄를 실행한 모습) 해당 브라우저를 쓰고 있으면 window.print();를 쓸수 있다. 그럼 이걸 활용해서 간단한 출력물을 만들어보자! 일단 자바스크립트 소스에서 인쇄버튼을 누르면 window.open();을 활용해 새..
-
Vue.js ( Vue ) 에서 부모 자식간 메소드 접근 및 파라미터 전달 방법 간단 정리!수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 5. 26. 14:25
VueJs로 개발하다보면 부모 자식간의 메소드에 접근해서 실행 하는 경우가 많이 생긴다. 여러가지 경우에서 어떻게 접근하거나 실행 해야 하는지 간단히 정리해보겠다. @ 부모가 router-link 사용시 router 내의 자식 메소드 접근 하는 방법 this.$route.matched[0].instances.default.원하는 메소드명(); this.$route.matched[0]this.$route.matched[0].instances.default 까지 보면 현재 열려있는 라우터 화면 객체를 확인할 수 있고 이를 통해 자식의 메소드를 직접 실행 가능하다. @ 객체 통한 메소드 직접 접근 방법 Root Vue 인스턴스에 this.$root를 통하면 모든 하위 접근 가능 상위 컴포넌트는 this.$ch..
-
HTML5의 Drag and Drop 기능의 초간단 개념 이해와 사용설명수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 5. 18. 16:14
최근 파일을 드래그해서 드롭하면 업로드가 되는 기능을 구현할 기회가 생겨서 HTML5의 Drag and Drop을 이용하여 파일 업로드를 개발해 보았다. 개발중 가장 핵심적인 사항만 정리하니 참고하실분은 참고하시길~! 참고로 난 Vuejs로 개발했고 어느 자바스크립트 라이브러리든 개념만 알면 쉽다. 사용설명 시작!! 1. 파일을 드래그해서 드롭하고 싶은 장소를 만들거나 지정한뒤 drop가 발생하니 drop 이벤트를 듣도록 해놓는다. prevent를 붙인 이유는 기본 drop 기능을 방지하기 위해! ... 2. 난 dropFile이라는 메소드를 실행하라고 해놓았다. dropFile 메소드는 아래와 같고 핵심은 e.dataTransfer.files 안에 내가 드래그한 File객체가 들어있다는 것!! 이 Fi..
-
dbeaver shortcut 디비버 단축키 모음수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 3. 31. 09:04
SQL Editor ShortcutAction CTRL+Enter Execute current query (*) CTRL+\ Execute current query in a new tab ALT+X Execute current script (**) CTRL+ALT+' Execute selected SQL expression and print results CTRL+SHIFT+E Explain current query execution plan CTRL+ALT+SHIFT+X Execute queries of current script simultaneously, showing results in separate tabs CTRL+9 Switch active connection (for SQL script)..
-
엑셀 다운로드 프로그램 작성시 xml tags 양식수상한 프로그래머/죽은 소스 살려내는 꾸르팁 2020. 2. 20. 16:38
엑셀 다운로드 프로그램을 개발하다 보면 여러가지 요구사항을 듣게된다. 제목 색상 , 병합 , 테이블 스타일 여러가지 요구사항을 접하게 되는데 이때 대부분의 프로그램이 xml tags를 써서 xml 파일로 만든뒤 엑셀 파일로 변환하여 만들어지는 형식이다 보니 엑셀에서 쓰이는 xml tag를 알고있어야 한다. 대충 아래와 같은 형식으로 쓰여지는데 필요한 태그를 적재적소에 붙여넣으면 다운로드시에 원하는 결과를 얻을 수 있다. 각 태그별 자세한 내용을 알고 싶을때는 아래 사이트에 그림과 함께 잘 정리되어 있으므로 확인해보도록 하자 엑셀 태그 참조 사이트 : https://wiki.scn.sap.com/wiki/display/Snippets/XML+TAGS+simplifies+Excel+Download