JSX?JSX는 JavaScript XML의 줄임말입니다. JSX는 React에서 UI를 구성할 때 사용하는 문법으로, JavaScript를 확장한 문법입니다.JSX는 브라우저가 바로 실행할 수 있는 코드는 아닙니다. JSX로 작성된 코드를 브라우저가 이해할 수 있는 JavaScript 코드로 변환해주는 과정이 필요한데, 이 때 사용되는 것이 바로 Babel입니다. Babel은 JSX를 JavaScript 코드로 컴파일해주고 브라우저가 변환된 코드를 읽고 화면에 렌더링할 수 있게 해줍니다.React에서는 DOM과 다르게 CSS, JSX 문법만으로 웹 애플리케이션 개발을 할 수 있습니다. 각각의 컴포넌트 구현을 위해 필요한 파일이 줄어들고, 한눈에 컴포넌트를 확인할 수 있죠. JSX를 활용하면 JavaS..

오늘은 리액트의 기본 문법인 props와 state를 활용해 트위터와 유사하게 만들어진 웹페이지가 실제로 작동하도록 코드를 작성해보고구체적인 작동 원리에 대해 고민해보고 리액트를 사용해 작성된 코드에 익숙해지는 시간을 가졌다.Footer.js 파일의 코드, process.env 참 자세하게 설명해주지만 배경 지식이 부족한 나는 얼른 이해하기 어려웠기 때문에 계속해서 질문했다.마치 사람과 대화를 나누는 것처럼 내가 이해한 부분이 맞는지 두루뭉술하게 적어서 질문했지만, 찰떡같이 알아듣고 설명해주는 지피티..굉장히 도움이 되지만 한편으로는 너무 똑똑한게 아닌가 하는 생각을 자연스레 하게된다. 아무튼 이 답변으로 어느 정도 이해가 되었지만 환경 변수라는 생소한 개념이 또 등장한다.그래서 환경 변수가 무엇인지도 ..