본문 바로가기

[개발] 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.

티스토리툴바