front-end/React
-
JSX란?front-end/React 2023. 8. 3. 17:48
1. JSX 나의 파일 안에 HTML 문법과 JS 문법을 동시에 작성할 수 있는 파일 확장자 장점 : HTML요소에 접근할 때마다 document 객체에 접근해줘야 하는 JS와 달리 하나의 파일 내에 HTML 요소가 있기 때문에 바로 접근이 가능하다. 가독성이 좋고, 기능별 분류가 쉽다. - 여러가지 요소가 있다면 반드시 부모 요소로 감싸야한다. 이때, 꼭 div 태그가 아니어도 상관없다( 도 가능) SIMTOO의 홈페이지에 오신걸 환영합니다. 오늘은 여름휴가 입니다. 다음에 방문해주세요! - 표현식 사용 가능하다. HTML 문법 내에서 JS 문법을 사용하려면? {표현식} 안에 작성 - {표현식} 안에는 if문을 사용할 수 없음 삼항 연산자로 대체 가능하다. let openState = true; ret..
-
리액트(React)란front-end/React 2023. 8. 3. 17:22
1. 리액트란? 자바스크립트 라이브러리 중 하나 사용자의 인터페이스를 만들기 위해 사용 - 리액트가 나온 이유는? 자바스크립트만으로는 부족하기 때문에! ex) 자전거(자바스크립트)로 장거리 여행이 가능하지만, 힘들다. 그러나 자동차(리액트)의 경우 쉽게 장거리 여행이 가능하다. - 자바스크립트가 가지고 있는 단점 HTML과 JS가 가진 분리감 직관적이지만 너무 긴 자바스크립트 문법 새로운 페이지를 들어갈 때 마다 새로고침 피로도를 느끼는 사용자 - 리액트로 해결되는 자비스크립트의 단점 관련 있는 HTML 과 JS 문서를 JSX로 합쳐준다. SPA(Single Page Applocation) 새로운 페이지나 메뉴를 들어갈 때, 새로고침이 되지 않아 사용자의 피로도를 줄여준다. 2. 라이브러리 vs 프레임워..