728x90 728x90 전체 글153 React와 JSX React와 JSX JSX란? Html은 XML이라고 할 수 있고 JSX는 자바스크립트 XML을 의미한다. npm start를 통해서 렌더링 전에 자바스크립트 코드를 더 브라우저 친화적인 코드로 변환시킨다. JSX 구문은 일반적으로 브라우저에서 지원되지 않지만 우리가 코드를 작성하면 자동적으로 브라우저에서 작동하는 코드로 변환될 것이다. 그래서 두 가지 장점을 가지는데 하나는 브라우저에서 잘 작동하는 것이고 하나는 개발자가 작성하기 쉽다는 것이다. JSX의 특징 1. JSX에서의 속성은 HTML 속성과 다를 수 있다. function Form() { return ( username ); } export default Form; HTML에서 사용하는 class나 for 속성 같은 경우 자바스크립트의 예약어.. 2023. 1. 5. React를 사용하는 이유와 컴포넌트 React를 사용하는 이유와 컴포넌트 React란? React.js는 클라이언트 사이드의 자바스크립트 라이브러리이다. 전통적인 웹사이트에서는, 예를 들어 우리가 링크나 버튼을 클릭하면 그 요청이 서버에 전송되고 새로운 html페이지가 브라우저로 보내져 화면에 보여졌다. 그래서 전통적으로 웹사이트들은 약간 무겁고 불편하게 느껴졌다. 브라우저에서 자바스크립트는 DOM을 조작할 수 있는데 이를 통해 html의 요소들이 화면에 렌더링된다. 우리는 새로운 html 페이지를 불러오지 않고도 이것을 자바스크립트로 조작할 수 있고 사용자들이 보는 것들을 변경할 수 있다. 이러한 방식을 SPA(Single Page Application)라고 하며 SPA는 화면 전환도 거의 동시에 이루어지고 여기서 뭔가 로딩되느라 기다리.. 2023. 1. 4. 티스토리 블로그 초기 설정 티스토리 블로그 초기 설정 블로그 개설 티스토리 계정 관리 페이지에서 새 블로그 만들기를 선택한다. 블로그 이름, 블로그 주소, 닉네임을 설정한다. 블로그 이름과 닉네임은 블로그 개설 후에도 변경할 수 있으니 너무 깊게 생각하지 않아도 된다. 블로그 주소는 블로그 개설 후 변경할 수 없어서 상당히 고민했다. 아이디, 닉네임, 이름 짓기가 진짜 어렵긴 하다. 모두 입력하고 개설하기를 누른다. 콘텐츠 설정 블로그가 바로 개설되고 왼쪽 사이드 바를 통해서 순서대로 설정을 해보도록 한다. 첫 번째로 콘텐츠 설정 같은 경우 당연히도 혼자 보려고 만든 블로그도 아니다 보니 글쓰기 시 기본 글 상태를 공개로 설정한다. 단락 앞뒤에 공백은 검색해보니 단락 단위로 한 줄씩 공백이 생긴다. 가독성을 위해서 사용 설정을 했.. 2023. 1. 1. 이전 1 ··· 23 24 25 26 다음 728x90 728x90
