IT_susu

리액트에서 html을 표현하기 위한 JSX를 작성할 때 주의 점을 살펴봅시다. html과 매우 유사하지만 조금은 다른, jsx입니다. 1. 모든 돔 태그는 항상 닫혀있어야 한다. html 태그 중에는 input, br과 같이 닫히는 태그가 없는 태그들도 있지만, jsx에서 에러가 난다. xml 방식이기 때문이다. 셀프 클로징이라도 해야한다. ex) 회원가입 회원가입 둘러보기 2. 하나의 컴포넌트의 최상단에는 모든 태그를 감싸고 있는 하나의 엘리먼트만 있어야 한다. 하나의 엘리먼트가 DOM 트리 구조를 가진 하나의 객체로 변환되어 이전버전과 지금 버전의 차이점을 알 수 있게 해준다. 만일 이렇게 감싸는 것이 의미없는 태그를 하나 더 쓰는 것 같아 싫다면 혹은 로 감싸도 됩니다. 단, v16.2이상에만 사용..

웹사이트를 최적화하여 빠르고 효율적으로 웹을 사용하는 것은 매우 중요하다.같은 데이터 양이어도 엄청 느리거나 혹은 매우 빠를 수도 있기 때문이다. 그 방법의 일환으로 최소화가 있다.이는 압축과는 다른 것인데 압축은 아예 사용 불가능하게 용량을 줄여버리기 때문에 유저가 사용하려면 다시 압축을 해제해야 한다.최소화는 당연히 압축만큼 용량이 줄어들진 않겠지만 압축 해제가 필요 없어 빠르게 사용이 가능하다. 최소화를 하면 주석, 불필요한 공백을 제거해 준다.대표적인 툴로 JSMIN이 있다. 더 최소화 하기 위한 일환으로 난독화를 진행하기도 하는데, 이는 코드에 오류가 발생할 여지가 많으며 유지 보수와 디버깅에 불리하다.

시멘틱 웹(semantic web)이란? - 기기가 웹페이지의 구성을 빠르게 이해할 수 있도록 태그에 의미를 부여해주는 작업 사람은 디자인이 된 웹페이지를 보면서 어디가 헤더이고 어디가 검색하는 곳이고 어디가 본문인지를 알 수 있지만,기기는 그런 구성을 이해할 수 없기 때문에 명시적으로 해당 태그가 무엇을 의미하는 태그인지 명시해 주는 작업. html5버전부터 시멘틱이 도입되었으며 이는 검색엔진 등 기기가 정보를 판단할 때 도움이 된다.