본문 바로가기

Reactjs2

[ReactJS] - JSX란? (소개, 문법) - 기초 JSX 정의 -JSX는 JavaScript를 확장한 문법이다. -UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용할 것을 권장한다. -JSX라고 하면 템플릿 언어가 떠오를 수도 있지만, JavaScript의 모든 기능이 포함되어 있다. -브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. JSX 문법 const sentence = Hello, my name is; 위 코드는 가장 기본적인 JSX문법이다. sentence라는 변수를 선언한 후 내부에 h1태그를 사용하였다. 코드를 보면 알수있듯이 JSX는 하나의 파일에 자바스크립트와 HTML을 동시에 쉽게 작성하여 가독성이 높고 사용이 편리하다 const root = document.getElementByI.. 2022. 2. 8.
[노마드 코더] - 리액트(ReactJS) 강의를 시작하다 오늘부터 리액트 공부를 시작했다. 수많은 인강들중에 어떤 강의를 통해 입문하는 것이 제일 좋을까 고민했지만 많은 동료들의 추천으로 노마드 코더 강의를 듣기로 결정하였다. 노마드 코더 Nomad Coders 코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요! nomadcoders.co 내가 생각하는 니꼴라스 쌤 강의의 가장 큰 장점은 어떤 강의보다도 기능의 원리를 쉽게 풀어내주는 교수스킬을 가지고 계신 것 같다. 음...예를 들자면 리액트의 역사, 왜 중요한지 부터 시작해 현 개발자들이 쓰는 스킬들도 매우 중요하지만, 무엇보다 그 스킬들이 나오기 까지의 원리들을 이해하고 넘어가니 개념을 확실히 짚고 넘어 갈 수 있게 되는 것 같다. 개인적으로 나는 무엇이.. 2022. 2. 7.