TIL18, React: 자잘하게 배운 것들

오늘은 크게 뭐 없고, 자잘하게 배운 것들을 소소하게 정리해본다.

소소

1. JSX는 자바 스크립트 확장 문법이다. 자바스크립트가 아니기 때문에, 브라우저가 이해할 수 있도록 JS로의 변환과정을 거쳐야 한다. Babel이 그 역할을 하는 것.
2. html을 작성할 때, 시맨틱 태그를 사용 유무는 기능적으로 아무런 차이를 만들지 않는다. 다만, 시맨틱 태그를 사용하도록 권장되는 이유는, 1. 검색엔진이 웹페이지를 더 잘 이해할 수 있어, 검색에 더 많이 노출되는 점, 2. 코드의 가독성을 높여, 유지보수를 더 수월하게 하는 점 이 있다.
3. 변수명을 좀 더 잘 쓸 수 있도록 하자. 예를 들어, hiddenPassword 라고 패스워드 입력창에를 입력값을 감춘 형태로(*****와 같이) 보여줄 것인지, 아니면 드러내는 형태로 보여줄 것인지에 대한 판단 값을 저장하는 변수를 가정해보자. 이 변수에 좀 더 어울리는 변수명은 isPasswordHidden 일 것이다.
4. state에 초기 값을 지정해 주는 이유는, 이후에 해당 state에 어떤 타입의 데이터가 들어갈지 미리 알려주기 위함이다.

소소하게 소소하게.