목록📌 Language (61)

계발하는 개발자

[HTML] 버튼에 타입을 명시하는 이유? (ft. button type="button")

간혹 버튼 태그에 위 같은 형태로 type을 명시한 경우를 심심찮게 볼 수가 있습니다. 그리고 비슷하게 이라고 명시한 경우도 찾아볼 수 있는데요. 버튼이면 버튼이지 왜 굳이 타입을 명시할까요? 버튼 타입은 버튼...? Q. 굳~이 button type= "button"을 명시해주는 이유? A. button의 기본 타입은 button이 아니기 때문입니다! button의 디폴트 타입값은 submit 제출이기 때문인데요. 일반적으로 브라우저는 form 작성후 엔터를 치거나 버튼을 누르는 경우 form이 제출된 것으로 인식하고 자동으로 새로고침해주는 특성이 있습니다. -> 이 때문에 브라우저가 새로고침됨에 따라 사용자가 입력한 값은 저장되지 않고 날아가 버리는데요. 사용자가 입력한 값을 브라우저에 저장해주려면 ..
📌 Language/HTML 2023. 2. 16. 22:57
[HTML] 연속된 공백 처리 방법들(ft. 띄어쓰기 방법)

xml, jsp, html의 경우 연속된 공백을 하나의 공백으로 처리하는 성질이 있습니다. 때문에 공백 특수문자를 이용하여 연속된 공백을 처리해줄 수 있습니다. 아래의 예제는 위 빨간박스 영역의 < 기호와 2023년 ~ 텍스트 사이에 띄어쓰기를 주는 방법입니다. 띄어쓰기시 사용되는 주요 특수기호 및 태그 : 1. (작게 띄어쓰기) 띄어쓰고 싶은 부분에 기호를 입력하면 작게 띄어쓰기 됩니다. 두번 작게 띄어쓰고 싶으면? 두 번 사용하면 됩니다! 2. (보통 띄어쓰기) 경우 앞선 기호와 달리 중간 정도 크기로 띄어쓰기 되는 성질이 있습니다. 작게도, 크게도 띄어쓰기할 필요없이 바로 중간 정도 크기의 띄어쓰기 스타일을 주고싶을 때 사용하면 좋습니다. normal(보통)의 약자인 n이 들어가서 ensp 입니다...
📌 Language/HTML 2023. 2. 16. 15:23
[JS] form을 submit할 때 새로고침 방지하기

form태그 내부에 있는 input box에서 엔터 혹은 버튼 클릭을 할 경우 해당 form이 제출되며 자동 새로고침됩니다. 사용자가 입력한 정보를 받아오기 위해서는 새로고침을 방지할 필요가 있기에, 오늘은 이를 방지하는 방법에 관해 리뷰해보고자 합니다. 새로고침을 방지하기 위한 방법에는 여러가지가 있지만, 제 기준 가장 확실하다고 생각되는 방법 2가지를 정리하겠습니다. 1. event.preventDefault() 메서드 preventDefault() 하면 form 제출시 submit이벤트가 console창에 그대로 출력되어 유지된다. preventDefault() 안 하면 form 제출시 submit 결과가 console창에 출력되었다가 사라진다. 형태: function 함수명(event) { eve..
📌 Language/Javascript 2023. 2. 12. 00:53
[JS] contains() 메소드 알아보기 | (feat. includes() 메소드 비교)

자바스크립트 메소드 중 하나인 contains() 메소드에 대해 알아보자.🧐 우선 contains() 메소드는 무엇일까? 🧩 contains() 메소드 contains() 메소드는 선택한 요소가 특정한 부모요소에 속해 있는지를 확인할 때 사용한다. 주로 특정 요소를 선택하여 부모 요소가 해당 요소를 가지는지 여부를 boolean으로 확인할 수 있는 메소드이다. 이외에도 하나의 엘리먼트가 특정 클래스를 포함하고 있는지를 확인할 때도 is() 메소드처럼 사용할 수 있다. 더 자세한 내용은 아래의 예시에서 살펴보자. 액티브 이벤트 첫번째와 세번째의 child는 가지고 있는 내용값이 배열값과 일치해서 green 색상의 배경으로 변경된 데 반해, 두번째 요소의 child는 배열값을 포함하고 있지 않아서 false..
📌 Language/Javascript 2023. 2. 11. 20:11
이전 Prev 1 ··· 7 8 9 10 11 12 13 ··· 16 Next 다음