Front-end/REACT 2

[React]JSX

🤔JSX란? 쉽게 말해 HTML 문법을 JavaScript 코드 내부에 쓴 것이 바로 JSX다! (JavaScript eXtension) 즉, JavaScript의 확장 버전으로 자바스크립트라고 보면된다. "React에서 HTML을 표현할 때, JSX를 사용한다. 외관상 HTML같은 마크업 언어를 리터럴로 입력하는 것으로 보이는데, 빌드 시 Babel에 의해 자바스크립트로 변환된다. 자바스크립트 코드를 HTML처럼 표현할 수 있기 때문에 용이한 개발이 가능하다." [출처]나무위키 즉, JSX는 자바스크립트 안에서 HTML 문법을 사용해서 view를 구성할 수 있게 도와주는 자바스크립트 문법이며 리액트 개발에 엄청난 도움을 주고 있다. React.js 는 일반 JavaScript 문법이 아닌 JSX 문법을..

Front-end/REACT 2022.01.01

[React] React란 무엇인가?

📢 현재 추구하는 목표 현 목표하는 프로젝트는 기도제목 업로드 SNS이다. 기도제목을 업로드하고 인스타그램과 같이 좋아요 기능, 업로드 기능, 프로필 기능을 구현하기 위해 공부를 시작했고, 내가 만들고 싶은 프로젝트가 있고, 이를 웹 앱으로 만들고 싶었던 것이다. 유튜브에서 찾아보니 정말 방대한 양의 데이터가 쏟아져 나왔다. 그중 내가 선택해야 할 개발 언어는 JS(javascript)라는 것을 알게 되었고, react.js나 vue. js 같은 라이브러리를 사용하면 보다 크리에이티브하고 좋은 웹을 만들 수 있다 하기에 바로 공부에 들어갔다. 그전에 가장 중요한 것은 react,vue,angular와 같은 라이브러리의 뿌리인 바닐라 JS를 알고 갔어야 했다. 강의를 선택하는데 처음엔 너무 막막하기만했다...

Front-end/REACT 2021.12.18