본문 바로가기

분류 전체보기에 해당하는 글들

201 Articles matched
목록이 없습니다.
file input clear 웹 개발을 하다가 보면 보안 문제에 부딪히는 경우가 있다. 큰 보안 문제도 있는 반면 사소한 보안 문제도 있는데 개발을 하다 보면 file 타입의 input태그를 초기화 해주고 싶은 경우가 생긴다. 예를들면 form안에 file 타입의 input태그가 있고 사용자에 의해 form의 요소들이 전부 빈 값으로 초기화되기를 원하는 상황이 있을 수 있다. 그럴 때 아래와 같이 해주면 file 타입의 input태그를 clear할 수 있다. 제이쿼리 (jQuery) $("input[type='file']").val(null); AngularJS angular.element("input[type='file'").val(null); 위에서 언급한 보안문제는 웹상에서는 보안상의 문제로 js수준에서 file타입의 inpu..
MySQL IN 절 안에 있는 순서대로 정렬하기 SQL 쿼리를 짜다보면 정렬을 내 맘대로 하고싶은 경우가 있는데 나는 쿼리는 진짜 부족한 편이라 구글링을 많이 하는 편이에요. 이번에는 구글링하다가 이렇게도 되는구나 깨달아서 정리해놓으려고 해요. 저는 MySQL이나 MariaDB를 많이 사용하는데 둘의 차이는 현재로선 거의 없다고 보면 돼요. 상황은 데이터를 가져오는데 IN 구문 안에 PRIMARY KEY 값을 나열하여 해당하는 데이터만 필터링하는 식이에요. 그런데 가져와놓고 보니 내가 원하는 정렬 순서는 IN 구문 안의 PRIMARY KEY의 순서인데 이게 자동으로 PRIMARY KEY값으로 정렬이 되어 나오는것 때문에 View 영역에 예상과는 다른 결과물이 나왔어요. 상황 SELECT * FROM TABLE WHERE KEY IN (2, 1, 3) ..
한글도메인 ssh 접속 (korean domain connect ssh) 종종 한글 도메인으로 된 사이트를 개발하다 보면 ssh 접속을 해야할 때 난감한 상황이 온다. 한글 도메인은 ssh로 접속이 불가능한데 접속방법은 한글도메인을 퓨니코드로 변환해서 접속을하면 된다.https://inplaza.com/puny/index.php
ssh Connection Timeout 설정 How to set ssh timeout? SSH(Secure SHell)은 네트워크에 연결되어 있는 다른 컴퓨터에 로그인하여 명령을 실행하고 파일 복사 등을 할 수 있도록 해주는 응용프로그램 또는 프로토콜을 말한다. SSH는 기존에 유닉스 시스템에서 shell에 원격 접속하기 위해 사용하던 텔넷(telnet)은 암호화 과정이 없어 보안상 아주 취약한점을 보완하기 위해 등장한 말 그대로 보안(Secure) 셸(Shell) 이다. 서버를 관리할 때 SSH를 많이 사용한다. 원격으로 접속을 할 수 있는 서버인 경우에 소스 반영할때(배포할 때)나 관리할 때 아주 편리하기 때문이다. ssh timeout을 설정하지 않은 경우 한 번 ssh를 연결해 놓으면 사용자가 연결을 끊지 않는 이상 계속 연결되어있다. 이는..
[Angular JS] [$injector:nomod] Module is not available! 프론트엔드 프레임워크 중 하나인 Angular JS를 사용하다보면 종종 아래와같은 에러 메시지를 브라우저 콘솔창에서 마주하게 된다. [$injector:nomod] Module is not available! 위와 같은 메시지가 나오는 경우는 몇 가지 경우가 있는데 Angular JS는 에러메시지를 뭉뚱그려서 보여주는 경향이 있다. 일단 가장 먼저 의심해봐야 할 것은 코드다. Angular JS가 사용되는 JS파일의 코드가 문법오류가 있을 수 있다.혹은 사용하려는 모듈(에러메시지에 등장하는 모듈)을 import(연결 혹은 포함) 하지 않고 사용하려고 할 때 위의 에러가 발생할 수 있다. 다음으로는 해당 Angular JS가 사용되는 JSP파일 혹은 다른 View 쪽 파일에 포함시키지 않고 사용중이지는 않..
[jQuery] 스크롤 이벤트를 통해 메뉴 따라오게 하기 (menu header fix on scroll event) jQuery 스크롤 이벤트를 통해 메뉴 따라오게 하기 (menu header fix on scroll event)최근들어 스마트폰의 등장과 함께 반응형 웹이 인기다. 작은 화면의 기기에 PC에서 보여주던 내용들을 전부 담아서 보여주려고하니 여간 까다로운게 아니다. 이번에는 쇼핑몰에서 보이는 UI인데 유명한 쇼핑몰들의 UI를 살펴보면 거의다 비슷비슷 하다.그중 내가 구현 하고 싶었던 UI는 상세페이지에서 어떤 메뉴가 있을 때 스크롤 시 그 메뉴가 화면 상단에 따라오는 UI이다. 소스 (Source) $(window).scroll(function() { let wrap_el = $('#ebric_mobile_wrap'); // 전체 wrap 요소 let tab_top = $('.info-type-select..
[Eclipse] 자주쓰는 단축키 Eclipse 자주 쓰는 단축키 이클립스(Eclipse) 단축키 실행 Ctrl + F11 : 바로 전에 실행했던 클래스 실행 소스 네비게이션 Ctrl + 마우스커서(혹은 F3) : 클래스나 메소드 혹은 멤버를 상세하게 검색하고자 할때 Alt + Left, Alt + Right : 이후, 이전 Ctrl + O : 해당 소스의 메소드 리스트를 확인하려 할때 F4 : 클래스명을 선택하고 누르면 해당 클래스의 Hierarchy 를 볼 수 있다. Alt + ) : 이전(다음) 작업 화면 문자열 찾기 Ctrl + K : 찾고자 하는 문자열을 블럭으로 설정한 후 키를 누른다. Ctrl + Shift + K : 역으로 찾고자 하는 문자열을 찾아감. Ctrl + J : 입력하면서 찾을 수 있음. Ctrl + Shift ..
[Angular JS] 동적 요소 바인딩 (angularjs dynamic element binding) Angular JS 동적 요소 바인딩 (angularjs dynamic element binding)프론트엔드 프레임워크 중 하나인 Angular JS(앵귤러 제이에스)를 사용하다 보면 가끔 jQuery(제이쿼리)에서 사용하듯이 DOM을 동적으로 붙여주고 싶을 때가 있다. 이 때 단순히 angularjs 안의 내장되어있는 jqlite를 통해서 clone() 함수로 html을 복사한 후에 append() 함수나 after()함수로 붙여준다면 그 안에 바인딩 되어 있는 이벤트들은 동작하지 않을 것이다. 그럴 때 다음과 같이 $compile을 활용하면 된다. var prod_el = angular.element('#set_product_row'); var clone_el = prod_el.clone(); //..

티스토리툴바