블로그

• Remotion으로 영상 만드는 법 Remotion은 React 코드(JSX, CSS)를 활용해 MP4/WebM 같은 동영상 파일로 렌더링하는 Web-based Video Framework입니다. blog.naver.com · 2026.08.11
• 도서정보로 쇼츠, 릴스, 유튜브 영상을 생성하는 AI 영상 편집기 생성하는 도서 스튜디오 이 프로젝트는 웹사이트에서 자동으로 생성된 영상을 전문 편집프로그램 Aftereffect, Premiere · FCP7 XML, After Effects · JSX blog.naver.com · 2026.05.21
• [React] JSX JavaScript + XML/HTML를 합친 것 JSX는 내부적으로 XML, HTML코드를 JavaScript로 변환 React의 createElement가 변환하는 역활을 함 JSX 사용한 코드 JSX 사용하지 않은 코드 -> JSX를 사용했던 부분이 React.createElement로 대체 되어 아래와 같은 객체 생성 됨 React에서 JSX를 쓰는 blog.naver.com · 2024.11.12
• [React] JSX 처음에는 React 프로젝트를 생성한다. 그리고 jsx파일을 생성하여, 페이지를 쪼개 설계한다. jsx파일내 문법은 자바스크립트와 html을 섞어 쓰는 느낌이랄까. 컴포넌트를 함수나 클래스 단위로 선언해서 페이지를 쪼개고 자바스크립트를 연결한다. index.js MusicLibrary. blog.naver.com · 2023.11.07
• [React 만들기06] 리액트가 없어요 @jsx 변경 전 파일 *app.js * react.js vdom 변경 기존의 vdom을 일단 jsx 문법으로 변경해서 적용시켜 보았다. blog.naver.com · 2023.08.10
• [React 만들기07] 함수 컴포넌트 JSX 문법의 태그 이름이 대문자로 시작하면 자바스크립트 값으로 취급 하고, 그렇지 않으면 문자열로 취급한다. 2. 자....... blog.naver.com · 2023.08.12
• 14주차 학습요약 Array.mpa()은 데이터 배열을 구성 요소에 표시할수있는 JSX 요소 배열로 변환하는데 사용됩니다. blog.naver.com · 2023.04.21
• 프로그래밍 언어를 웹에서 실행할 수 있는 사이트 - Web IDE . - 지원언어 jQuery, Vue, React, React + JSX, Preact, TypeScript, CoffeeScript, SCSS, CSS, Grid, Bootstrap blog.naver.com · 2022.01.05
• 클론 코딩 영화 평점 웹서비스 스터디 3일차 :: 클론 코딩으로 리액트 공부하기 리액트 기초 개념, 컴포넌트, JSX, props 컴포넌트, JSX, props에 대한 개념을 간단한 실습과 함께 익혀볼 수 있었다. 03-1. blog.naver.com · 2020.07.04