20.08.25- TIL

오늘 한 일

1. HTML & CSS 복습

2. 자바스크립트 부족한 개념 복습

3. 리액트 JSX 기본 규칙 공부

 

느낀 점

HTML 태그와 CSS 여러 속성들에 대해서 복습을 했는데 머리 속에 확실히 암기가 되도록 여러번 반복해서 꼭 숙지해야겠다고 느꼈다.

 

자바스크립트 비동기 처리 파트 부분에서 Promise에 대한 이해가 부족한거 같아서 그 파트를 또 복습을 하였고 한번 더 들으니 예전보다 이해가 되어서 기분이 좋았다.

 

저번에 리액트 첫 컴포넌트를 만드는 강의에서 "자바스크립트 안에 HTML이 들어가 있네?" 이렇게 생각했는데 이번 강의를 통해 그것은 겉으로 얼핏보면 HTML 같지만 실은 JSX라는  리액트에서 생김새를 정의할때 사용하는 HTML과는 전혀 다른 문법이라는 것을 알았고 무엇보다 실제로는 자바스크립트라는 것이 놀라웠다.
"분명 자바스크립트랑 문법이 전혀 다른데 어떻게 자바스크립트가 되는거지?" 라는 의문과 생각이 절로 떠올랐다.

하지만 그 의문은 강의를 듣을때 강사님이 잘 설명 해주셔서 풀렸고 Babel이라는 도구가 JSX를 자바스크립트로 변횐해주는 것이었다."이런 도구들은 만드는 개발자들은 얼마나 똑똑한걸까" 라는 생각과 존경심이 들었다. 그리고 나도 계속 성장해서 훌륭한 개발자가 되고 싶다는 마음도 들었다.

 

그리고 JSX가 자바스크립트로 제대로 변환되려면 꼭 지켜줘야하는 규칙들을 배웠는데

확실히 HTML과 CSS는 아닌지라 좀 다른점이 있었고 특히 2개 이상의 태그가 있을때 사용하는 <> , </> 마치 아무 내용이 없는 태그 같이 보이는 이런 모양의 플레그먼트가 새로웠다.

이 플래그먼트는 브라우저상에서는 엘리먼트로 나타나지 않는것도 신선했고ㅎ