CSS

CSS 텍스트영역(<textarea>) 크기 조절 차단하기

입력 폼 필드 중 텍스트영역(< textarea>)은 자동 크기 조절 속성이 있기 때문에 웹페이지에서 텍스트영역의 크기를 사용자가 조정할 수 있습니다. 기본 크기가 너무 작거나, 입력할 내용이 많아서 큰 텍스트 영역을 필요하면 마우스 드래그로 오른쪽 아래의 컨트롤을 당겨서 크기를 더 늘릴 수 있습니다. 텍스트영역(< textarea>) 의 크기 조절이 되지 않도록 막으려면

CSS

<sup> 태그(어깨문자)를 CSS로 구현하기

< sup> 태그는 "superscript" 의 약자로 한글로는 "어깨 문자" 라고 합니다. "X의 제곱" 과 같은 문자를 표현할 때 사용하며 태그로는 X² 로 표현합니다. "< sup>" 태그를 사용하면 간편하게 어깨 문자를 표현할 수 있지만, "< sup>" 태그를 사용할 수 없거나, CSS 클래스로 구현해야 하는 상황일 경우 다음과 같이 CSS 만으로 "< sup>" 태그를 대신할

CSS

<abbr>과 <dfn> 태그의 활용

HTML 태그들 중에서 가장 사용 빈도가 낮은 태그들입니다. < abbr> 태그는 abbreviation(축약어)의 약자로 만든 태그입니다. < dfn> 태그는 definition(정의)의 약자로 만든 태그입니다. 축약어, 또는 약자에 대한 설명을 덧붙여서 마우스 호버시 설명이 툴팁으로 표시되도록 하는 태그입니다. < abbr>과 < dfn> 은 다음과 같이 사용합니다.

CSS 는 HTML 문서의 스타일을 기술하는

자바스크립트

[javascript] 자바스크립트의 알려지지 않은 연산자들 - "??", "??=", "?."

자바스크립트에 비교 및 연산 과정을 줄여주는 새로운 연산자들이 몇가지 추가되었습니다. 이미 연산자가 넘쳐나기 때문에 아직은 잘 사용되지 않고 있고 역시나 시간이 좀 지나야 합니다. 새로 추가된 연산자들은 "??", "??=", "=." 입니다. 다른 연사자들과 달리 의미가 바로 와닿지 않기 때문에 예제를 통해 알아 보겠습니다. ?? 두 값을 비교해 값을 반환받는 비교 연산자인 "||" 와 기본적으로 같습니다.

테크

윈도우10에 내장된 이모지, 이모티콘 입력하기 o(*￣▽￣*)ブ

윈도우10 업데이트와 함께 이모지와, 텍스트 이모티콘이 지속적으로 추가되고 있지만, 대부분 윈도우10 사용자들이 윈도우10에 내장된 다양한 이모지와 이모티콘을 입력할 수 있다는 사실 자체를 모릅니다. 대부분은 인터넷 검색을 해서 이모티콘을 복사해 붙여넣기를 합니다. "윈도우키 + .(마침표)" 를 누르면 윈도우10 화면 오른쪽 하단에 이모지와 이모티콘 창이 나타납니다. 다양한 이모지와 특히 표정 표현을 하는 다양한

CSS

HTML 데이터셋(Dataset, data-*) 속성의 이해

HTML5 에서 새로 확장된 속성입니다. HTML에 추가의 커스텀 속성을 표시하는데 표준화된 방법을 제공하기 위해 제안되었습니다. "data-*" 어트리뷰트로 표기하며, HTML5 표준 속성처럼 접근할 수 있습니다. HTML에 추가의 속성이나 데이터를 표기하는 표준이 없어 비표준적인 방법으로 데이터를 표기하던 라이브러리들이 표준적인 방법을 사용할 수 있도록 개선되었으며, 자바스크립트 또한 표준화된 DOM 메서드로 데이터셋 속성에 접근할

티스토리스킨

어떤 블로그 서비스를 이용할 것인가?

블로그 서비스는 크게 블로그 플랫폼 서비스를 이용하는 것과 설치형 서비스를 이용하는 2가지로 나눌 수 있습니다. 그리고 지역적인 대상에 따라 국내 방문자를 대상으로 하는 블로그와 해외 방문자를 대상으로 하는 서비스로 다시 나눌 수 있습니다. 설치형 서비스는 호스팅 서비스를 이용하는데 비용이 발생하는 단점이 있지만, 서비스형 블로그로는 불가능한 독특한 블로그를 운영하려면 이런 설치형

일상

벌새?를 봤습니다.

남부지방 쪽에 볼일이 있어서 갔다가 벌새처럼 생긴 걸 봤습니다. 우와 우리나라도 기후가 따뜻해져서 남부지방에서는 벌새가 사는구나. 늦은 오후에 해가 서서히 떨어지는데, 화단옆 꽃밭에서 제자리 비행을 하면서 빠르게 꿀을 빨고 있습니다. 이때까지만해도 정말 벌새인 줄 알았습니다. 가까이 다가가면 너무 빨리 도망을 가서 간신히 찍었습니다. 신이 났었는데... 집에 와서 검색해보니 벌새가 아닙니다.

자바스크립트

[Javascript] x !== x 는 true가 될 수 있나?

x!==x 코딩 테스트에 자주 나오는 잘 알려진 문제입니다. 유사한 문제들이 몇 가지 있습니다. x == 1 && x == 2 && x == 3 은 true가 될 수 있나? x === x+1 은 true가 될 수 있나? 같은 개념을 물어보는 질문이고, 답부터 말하면 객체에 접근할 때마다 게터(getter)로 반환 값을 누적하거나 변경해서 달라지게

CSS

<br> , <br/>, <br /> 어떤게 맞는 것인가?

웹의 표준이 계속 바뀌면서 문제가 된 것이 구 태그 사용 방법에 대한 혼동입니다. 바뀐 지 오래되었지만, 오래된 HTML 문서들에 사용된 구 버전 사용 방법들을 따라 계속 사용하면서 불필요한 사용 방법을 계속 고수합니다. 달라진 표준에 대한 문서를 볼 기회가 없는 것도 한 가지 원인이기는 합니다. 가장 흔한 혼동이
혼동입니다. 결론부터 말하면