챎발자

더보기이 포스트는 남현우 교수님의 소프트웨어 설계 수업을 듣고 작성하였습니다.리액트 JSX 에 대해 간단히 알아 보며, 실습을 통해 코드를 작성해 보겠습니다.JSX 는 자바스크립트 확장 문법입니다.const element = Hello, world!; 위 예시 코드는 일반 자바스크립트 문법인 대입 연산자(=) 오른쪽에 HTML 코드가 나오며, 이와 같은 자바스크립트 코드와 HTML 코드가 함께 사용되는 형태입니다. JSX 는 내부적으로 XML/HTML 코드를 자바스크립트로 변환합니다.createElement 함수에 대해 간단히 설명해 보겠습니다.이 함수는 React에서 요소를 생성하는 데 사용되는 기본 함수입니다. 이를 통해 JSX 문법을 사용하지 않고도 React 요소를 만들 수 있습니다.React.c..

더보기리액트 강의를 참고하여,개인적으로 공부한 후 작성한 포스트입니다.이번 포스트에서는 한 번도 다뤄 보지 않은 React JS 에 대해 작성해 보겠습니다.처음 해 보는 언어이니, 공부하며 기록용으로 남기며 성장해 보겠습니다! 먼저, 리액트는 JavaScript 라이브러리로, UI 구축에 주로 사용됩니다.저는 주로 리액트로 웹 페이지를 개발하는 포스트를 작성해 볼 예정입니다. 본격적인 실습 전에, 언급해 볼 리액트의 장점부터 알아 보겠습니다.먼저, 가장 먼저 눈에 들어왔던 장점은 컴포넌트 기반 아키텍처라는 것이었습니다.페이지 단위로 Html 을 작성하는 것이 아닌 각 부분을 컴포넌트로 만들어 조립하는 형식으로 구성이 되어있으니, 비슷한 부분의 코드를 재사용하거나 유지보수에 용이해진다는 점이 가장 큰 특징..