728x90 728x90 분류 전체보기153 HTML 요약 정리 HTML 요약 정리 HTML 웹페이지라는 문서에 마크업 하기 위한 언어 또는 구문 마크업 언어, 완전한 프로그래밍 언어가 아니다. 문서에 마크업을 할 뿐이다. HTML은 텍스트 컨텐츠를 마크업하여 구조화 하는 목적으로 사용된다. 태그를 통해서 텍스트를 마크업 하여 엘레먼트 요소를 만든다. 단락요소 HTML에서 단락처럼 묶고 싶은 내용이라면 텍스트만을 의미하는 것은 아니고 묶고 싶은 단락을 태그로 묶을 수 있다. HTML에서 단락처럼 묶고 싶은 내용이라면 어떤 것이든 태그로 묶을 수 있다. 이미지일 수도 있고 input 태그나 label 태그일 수도 있다. 제목 요소 ~ 한 페이지에 최상위 주제가 두 가지일 수 없기 때문에 은 최상단에 딱 하나만 사용한다.그 다음에는 하위 제목 또는 하위 섹션이 있을 수 .. 2023. 1. 12. Props와 Children Props와 Children Props 자바스크립트에서 함수를 작성할 때 매개변수를 받아 함수를 재사용할 수 있도록 만든다. 그래서 다른 매개변수 값으로 같은 함수를 호출할 수 있고 다른 결과 값을 반환한다. 마찬가지로 컴포넌트에서도 매개변수로 다른 값을 받아서 다른 결과를 반환 할 수 있다. props는 properties를 나타내는 것으로 사용자 지정 컴포넌트의 속성을 설정할 수 있다. 재사용 가능한 컴포넌트를 만들 수 있게 해주고 컴포넌트에서 다른 컴포넌트로 데이터를 전달할 수 있기 때문에 아주 중요한 개념이다. 또한 부모 컴포넌트 데이터를 props로 받아 자식 컴포넌트에 전달이 가능하다. import Profile from "./Profile"; const members = [ { name: ".. 2023. 1. 6. 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. 이전 1 ··· 35 36 37 38 39 다음 728x90 728x90
