삼이의 개발 블로그

JSX?확장된 자바스크립트 문법으로 JS와 HTML을 함께 쓸 수 있다. 예시function Header(){ const number = 10 return( number is {number} )}🔎 JSX의 특징1. JSX 중괄호 내부에는 자바스크립트 표현식만 넣을 수 있다 → 숫자나 문자로 표현되는 표현식만 가능2. 숫자, 문자열, 배열 값만 렌더링 된다 → undefined, null, boolean(true,false)는 값이 생성되더라고 페이지에 렌더링이 되지 않는다.3. 모든 태그는 닫혀있어야 한다4. 차상위 태그는 반드시 하나여야 한다. → 차상위 값이 여러개인 경우 빈태그 를 가장 위에 삽입한다.출처이정환 -..

React?Meta에서 개발한 오픈소스 JS 라이브러리대규모 웹 서비스의 UI를 더 편하게 개발하기 위해 만들어졌다. 🔎 React로 만들어진 서비스들넷플릭스, 페이스북, 인스타그램, 노션 등...→ 대기업에서 많이 사용하다보니 웹프레임워크 중 가장 점유율이 높다👍 React의 기술적인 특징 컴포넌트를 기반으로 UI를 표현한다 화면 업데이트 구현이 쉽다. 화면 업데이트가 빠르게 처리된다.1 . 컴포넌트 (component)화면을 구성하는 요소, UI를 구성하는 요소를 뜻한다. 페이지를 구성하는 모든 요소(Header, Main,Footer, Article 등)를 각각의 컴포넌트로 만들어 관리할 수 있다. 🔎 컴포넌트의 장점 - 코드 수정이 유리하다 → 페이지마다 동일한 코드를 넣다보면 페이지 수가 ..