본문 바로가기

[개발] Programming197

온라인 무료 포토샵 사이트로 배경 없는 서명 이미지 만들기 Pixlr 온라인 간편 포토샵 사이트, 무료라서 매우 좋음. 특히 배경 없는 서명이나 블로그 이미지 만들 때 적합하다. 화면 구성도 매우 직관적이라 따로 공부할 필요도 없다. 물론 오프라인 유로 툴들 만큼 좋지는 않지만, 가볍게 에디팅 하기엔 정말 좋은 사이트다. pixlr.com/editor 'TRY PIXLR X' 클릭 위에 create new 클릭 원하는 이미지 사이즈를 클릭하고 create를 누르거나, 오른쪽에 width와 height를 입력하고 create을 눌러 새로운 이미지를 만들 수 있다. (각각 단위는 픽셀) 이제 기본으로 생성되는 화면이 나오는데, 디폴트는 배경이 없는 화면이라 작업 후 저장하면, 배경이 없는 png 형태의 이미지 파일이 생성된다. 블로그나 이미지 서명을 만들 때 매우 .. 2018. 11. 1.
웹페이지에서 새창 또는 부모창으로 링크 열기, (a 태그 href) 웹에서 링크를 여는 방법은 2가지가 있다. 하나는 새 창으로 여는 방법이고 나머지는 현재 페이지를 이동 시키는 방법이다. 방법은 a태그에 target을 지정해주면 된다. 현재창으로 열기 -> target="_parent" 새창으로 열기 -> target="_blank" 단 target을 생략하면 현재 창으로 열린다. 링크 열기 예시 새창으로 열기 현재창으로 열기 2018. 11. 1.
[CSS] span 태그 크기 (높이, 너비) 지정하기 Span은 인라인 요쇼라서 너비나 높이가 없음. span 태그의 너비나 높이를 지정하기 위해서는 block-level 요소로 만들어야 한다. 아래 예제 스타일에 display:inline-block; 를 추가해주면 된다. 1 2 3 4 ABC Colored by Color Scripter cs 그럼 이제 span 태그도 너비와 높이를 지정할 수 있다. 2018. 11. 1.
자바스크립트 객체 선언 및 활용 JS 객체의 데이터 타입 JS에는 5가지의 데이터 타입이 존재한다. string number boolean null undefined JS 객체는 위 5가지 데이터 타입에 추가로 다른 객체나 함수(메소드) 까지도 key:value 형식으로 담을 수 있다. JS객체를 선언 예제 var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 아래와 같이 선언해도 무방하다. var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }; JS의 'new'를 활용해도 동일한 결과를 얻는다. var person = new Object(); person.firstName = .. 2018. 10. 30.
자바스크립트, 일정 시간 마다 실행되는 SetInterval() 함수 특정 시간 단위로 실행되는 함수에는 setInterval() 가 있다. 기본 형태 setInterval(function() { ... }, 지연시간); 이 함수에 기능을 추가해주면 타이머 처럼 사용할 수 있다. 예) 1초 단위로 웹 콘솔에 '1초 경과'를 출력하고 싶은 경우 var timeScope = 1000; var mySchedule = setInterval(function(){ console.log("1초 경과!"); }, timeScope); 만약 해당 함수를 정지 시키고 싶은 경우, 앞서 선언한 mySchedule 이라고 선언한 ID에 clearInterval() 이용하면 된다. function stopMySchedule() { clearInterval(mySchedule); } 2018. 10. 30.
자바스크립트 date() 함수로 날짜(일 월 년) 구하기 자바스크립트에서 현재 날짜, 월, 년도 구하는 방법 1234567var date = new Date(); var month= date.getMonth() +1; var day = date.getDate(); var year = date.getFullYear(); // 현재 년, 월, 일이 출력된다.document.write(year + '-' + month + '-' + day); cs 결과 값 : 2019-05-03 * month에 1을 더하는 이유는 0 부터 시작하기 때문이다. 숫자 날짜 상세 설명 링크 2018. 10. 30.
자바스크립트 윈도우 팝업창 띄우기 및 옵션 팝업창 띄우는 방법 팝업을 띄우기 위해서는 띄울 창의 크기와 스크롤바 사용 여부를 넣어주면 된다. 그리고 left와 top으로 위치를 지정해주면 해당 위치에서 열린다. (단위는 px) 1 2 3 4 5 6 7 8 9 10 11 var url = '열고 싶은 주소'; function openPopup(){ var option = 'scrollbars=no, left=400, top=200, width=440, height=550'; var name = 'myPopup'; // option 변수를 사용하지 않고 직접 옵션을 넣어줘도 된다. window.open(url, name, option); } Colored by Color Scripter cs 팝업창 닫는 방법 1 2 3 4 5 6 7 8 9 var .. 2018. 10. 30.
자바스크립트 한글 문자열 깨지는 경우, encode / decode JSP 페이지 상단에 charset=UTF-8" pageEncoding="UTF-8" 명시해도 한글이 깨지는 경우 해결 방법. URL 파라미터에 한글이 깨지는 경우 JSP -> JAVA -> JSP 첫 화면에서 한글 파라미터를 컨트롤러에서 받을 땐 한글이 깨지지 않았으나, 다시 JSP로 넘겨줄 때 한글이 깨지는 경우, 인코딩 하여 넘겨주면 안깨진다. var encodedUrl = encodeURI("이름이 뭐에요?"); // 최종 JSP 페이지에서 아래와 같이 복호화 시켜주면된다. var deCodedUrl = decodeURI(변수)); 자바스크립트에서 한글이 깨지는 경우 JAVA > JSP JAVA 단에서는 한글이 잘 보이는데 JSP 페이지에서 깨지면, 우선 JAVA 단에서 인코딩을 해준 뒤, Str.. 2018. 10. 30.
자바스크립트 window reload 드 새로고침 방법들 cache를 먼저 찾아보고 없으면 서버에서 다시 페이지 호출 window.location.reload(); cache와는 상관 없이 무조건 서버에서 다시 페이지 호출 window.location.reload(true); cache에 저장된 현재 페이지를 찾는다. history.go(0); * 만약에 reload() 실행시 이상한 팝업이 뜬다면 아래와 같은 방법으로도 새로고침할 수 있다. Get 방식의 Submit 이용 opener.document.form이름.submit(); 링크 이용하기 // 부모창으로 돌아가는 경우 window.opener.location.href = "부모 창의 URL"; // 현재 창만 다시 로드할 경우 window.opener.location.href = "현재 창의 URL"; 2018. 10. 30.

티스토리툴바