inflearn logo
강의

Course

Instructor

JavaScript All-in-One: From Vanilla JavaScript to SPA Development

Header Development

4. Header 개발 중 궁굼한 점이 생겼습니다.

196

jsw5500

5 asked

1

this.template = () => 에서 temp에 태그들을 넣어주고 하는 부분에 input에는 클로징태그가 필요없는 건가요?

클로징태그를 작성시 input에 value에 자동으로 /값이 들어가게 되는 상태가 되어 클로징태그가 필요 없는 부분인가?

필요 없는 이유는 무엇인지..에 대한 궁굼증이 생겨 질문드립니다

<div class='search'>                 <input type="text" placeholder="Search" id="search" autocomplete="off" value=${searchWord} > </div> 

javascript rest-api spa dom

Answer 2

1

hyobin

안녕하세요 🙂

<input /> 대신 <input> 만 작성해도 괜찮은 이유는 HTML5가 클로징 태그 없이 <input>만 작성하더라도 스스로 닫히는 것으로 간주하기 때문입니다!

이전 버전의 HTML에서는 꼭 닫는 태그를 작성해야했지만, HTML5부터는 태그를 무조건 닫지 않더라도 괜찮습니다.

0

hollis9797

초기값이 ''" 이여서

클로징태그를 작성시 input에 value에 자동으로 /값이 들어가게 되는 상태가 되어 클로징태그가 필요 없는 부분인가?

라고 말씀하신거 같아서 추가로 말씀드립니다.

<input type="text" placeholder="Search" id="search" value='${searchWord}' autocomplete="off"/>


이렇게 작성하면 문제없이 사용 가능합니다,

value =${searchWord} 라고 했을 경우, 뒤에있는 문자열을 가져오게 되어서
싱글쿼터나 더블쿼터로 감싸준다음 ${} 열어주시면 문제없이 사용가능합니다 !

콜백 함수 메서드 등록

0

82

2

ssr방식 경험

0

75

1

compare 함수 설명에 오해의 소지가 있어보입니다.

0

82

2

API를 비동기 처리하는 이유가 끊겨서 그런건가요?

0

96

2

DOM 트리 보는 곳

0

80

1

배열과 객체의 구조분해할당 방법이 다른 이유

0

82

2

배열 메서드가 순수 함수인지 확인하는 방법

0

72

2

콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?

0

71

2

콜백 함수의 매개변수는 어떻게 구분되나요?

0

58

1

호이스팅 안쓰는게 좋나요?

0

54

2

함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

0

82

2

?. 연산자는 자바스크립트 연산자인가요?

0

46

1

JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?

0

82

2

자바스크립트 질문

1

103

2

동물앨범만들기 1-1 api 오류

0

54

2

CityList개발-handleLoadMore함수질문

0

69

1

객체와 배열의 const 차이

0

45

1

const 객체/배열 차이

0

63

2

header 개발 새로고침 오류

0

66

2

Promise 객체

1

57

2

cityList 렌더가 안되는 문제

0

52

2

init 함수 앞에 await

1

65

2

동물 앨범 만들기 pushtState 관련

0

59

2

동물 앨범 만들기 사진 관련 문의

0

74

2