본문 바로가기
반응형

분류 전체보기136

onclick="location.href='url주소' 새 창으로 띄우려면? target="_blank" ? onclick="location.href='url주소' " 새 창으로 띄우려면? target="_blank" ? 기존에 작성된 개발코드를 살펴볼 때 onclick=""이벤트를 사용해서 location.href='url주소'를 이용해서 링크하는 경우를 종종 만나게 됩니다. 대충 살펴보자면, 클릭했을때 location에 대한 hyperlink reference를 옆에 적어 둔 url주소를 참조하라는 것이라고 짐작할 수가 있겠습니다. 그런데, location.href는 동작방식이 현재 열려진 브라우저 창에서 동작하게 됩니다. 그렇다면, 엘리먼트를 사용할 때 처럼 target="_blank"을 주려면 어떻게 하면 좋을까요? 예제코드 아래와 같은 HTML 예제코드로 시작해보겠습니다. anchor 태그로 연결 네이.. 2023. 4. 4.
Hover 버튼을 폼 나게 만들기 (transition + transform 적용) Hover 버튼을 폼 나게 만들기 (transition + transform 적용) 이전 포스팅에서 transition과 transform에 대해서 정리하고 살펴보았습니다. 공부한 건 바로 써먹어 봐야겠죠? 웹 사이트에서 매우 흔하게 볼 수 있는 hover에 반응하는 hover(호버) 버튼을 만들어보려고 합니다. 한국에서는 롤오버 버튼이라고도 많이 불리는 것 같습니다. 실무에서는 대체적으로 hover button 혹은 roll-over button의 경우 적용된 폰트의 색상이나 백그라운드 컬러 정도를 변하게 하는 형태를 주로 사용하게 되는데요, 이번 포스팅에서는 좀 더 과감하게, transition과 transform 속성을 이용하여 만들어보면서 공부해보는 시간을 가져보도록 하겠습니다. 예제코드 아래 예.. 2023. 4. 3.
FileZilla 파일질라 오류 - queue.sqlite3 전송 대기열 로딩 오류 FileZilla 파일질라 오류 - queue.sqlite3 전송 대기열 로딩 오류 잘 사용하고 있던 파일질라가 언젠가부터, 시작할 때 한번 종료할 때 한번씩 아래와 같은 오류 팝업이 나타나기 시작했습니다. 아마도 PC를 정리하느라고 삭제를 했다가 다시 설치를 했던 것 같기는 한데요, 삭제를 했던 버전과 다시 설치를 했던 버전에 차이가 있어서 발생하게 된 문제인가? 하는 생각이 들었습니다. "전송 대기열을 로딩하는 동안 오류가 발생했습니다. 일부 대기열 항목이 복원되지 않았을 수 있습니다." 대기열은 queue를 말하는 것 같은데, 아무튼 오류 메시지가 신박하게 어렵게 들립니다. 뭐를 어떻게 하라는 건지 도무지 알아 먹을 방도가 없었습니다. 인터넷 검색을 해보았지만, 명확하게 설명이 된 내용이 잘 안 나.. 2023. 4. 1.
Transform - rotate(), scale(), translate(), skew() Transform - rotate(), scale(), translate(), skew() 이전 포스팅에서 Transition에 대해서 정리를 했습니다. 트랜지션과 더불어 짝궁처럼 따라 다니는 속성이 바로 Transform이 아닐까 싶습니다. 트랜지션이 '변화'에 대한 영역을 제어한다면, 트랜스폼은 '변형'에 대한 영역을 컨트롤 하게 됩니다. 영화 의 변신하는 모습을 상상해보면 Transform 속성을 공부해보면 보다 이해가 쉬울 것입니다. 예제코드 아래와 같은 코드로 시작해보겠습니다. Transform !! Transform !! Transform !! Transform !! Transform !! Transform !! Transform !! Transform !! 브라우저에서 확인을 해보면 다음과 .. 2023. 3. 29.
반응형

티스토리툴바