Javascript 글자 입력할 때 textarea 자동 높이 조절

textarea 높이 자동 조절

textarea에 텍스트를 입력할 때, textarea의 높이가 텍스트의 크기에 맞춰서 자동 조절되는 예제를 만들어 봅니다. 기본 구동 원리는 textarea의 height를 scrollHeight로 설정하는 것에 있습니다.

CSS 초기화 코드

CSS 초기화 코드

CSS 초기화 코드를 제시하고, 왜 이런 초기화 코드를 작성하는지를 예제를 통해서 보입니다. 초기화 코드는 Eric Meyer가 제시한 코드를 기반으로 합니다.

CSS 래퍼 (wrapper, wrap, container)

CSS에서 래퍼(wrapper)란 여러 요소들을 그룹핑하는 요소를 말한다. 래퍼를 사용하는 이유는 내용물에 여백을 주기 위해서이다. 래퍼는 다음과 같은 3가지 기능을 한다: 여백설정, 최대 너비 설정, 가운데 정렬.

CSS로 세모 그리기

CSS만으로 세모를 그릴 수 있다. 기본 원리는 div의 테두리선 모양을 정확히 이해하는 것이다. div를 이용하여 크기가 0인 사각형을 만들고, 한 쪽 모퉁이의 테두리선만 남겨두고 나머지 테두리선을 투명하게 처리하면 삼각형을 만들 수 있다.

자바스크립트: 문서 객체 모델 DOM

문서 객체 모델 DOM이란, HTML 문서를 객체화 시킨 것이다. HTML 문서는 DOM에서 노드로 표현되고, 자바스크립트는 노드관련 객체들을 통해서 이러한 노드들을 불러와서 수정하거나 지우고, 또는 추가하면서 HTML 문서를 조작한다.

PHP strncmp 작동 원리

strncmp 함수는 두 문자열의 크기(사전적 순서)를 비교할 때 사용하는데, 첫 n개의 문자들만을 비교한다. 비교하는 문자열들이 같으면 0을 반환하고, 첫 번째 인자로 넣은 문자열이 두 번째 인자로 넣은 문자열보다 크면 양수를 반환, 작으면 음수를 반환한다.

PHP strcasecmp 작동 원리

strcasecmp 함수는 두 문자열의 크기(사전적 순서)를 비교하는 함수인데, 대소문자를 구분하지 않는다. 두 문자열이 같다면 0을 반환하고, 첫 인자 문자열이 두 번째 인자 문자열보다 크다면 양수를, 작다면 음수를 반환한다.

PHP strcmp 작동 원리

PHP에서 strcmp 함수는 두 개의 문자열을 인자로 받아서, 그 둘의 사전적 순서를 비교한다. 두 문자열이 같다면 0을 반환하고, 첫 문자열이 사전적 순서가 선행하면 -1을 반환하고, 사전적 순서가 후행하면 1을 반환한다.

【CSS】 아이디 선택자 예제 코드

CSS 아이디 선택자는 특정 id값을 가지는 태그를 선택할 때 사용한다. HTML 규정 상 여러 태그들에 중복으로 같은 id값을 넣을 수 없기 때문에, 단 1개의 태그를 선택할 때 사용된다.