생각하다 생각하다

CSS를 적용하는 3가지 방법 안녕하세요 오늘은 스크립트에 css를 적용하는 방법을 알아볼게요. CSS는 Cascading Style Sheets의 약자로 웹 페이지의 디자인과 레이아웃을 제어하는 스타일 시트 언어입니다. 이 CSS를 통해 HTML 요소에 스타일을 적용할 수 있습니다. CSS의 작성 방법에는 세 가지 주요 방법이 있습니다: 외부 스타일 시트(external style sheet), 내부 스타일 시트(internal style sheet), 인라인 스타일(inline styles)입니다. 각각에 대해 자세히 설명해드리겠습니다. 🍊 외부 스타일 시트 (External Style Sheet) 외부 스타일 시트는 별도의 CSS 파일에 스타일 규칙을 작성한 후 HTML 문서에 링크하는 방식입니다...

리액트에서 컴포넌트와 태그의 차이점은 무엇일까? react에서 a 태그와 Link 컴포넌트는 링크를 생성하고 페이지를 전환할 때 사용됩니다. 그런데 이 두 접근 방식은 서로 다른 용법을 갖고 있습니다. 이번 포스팅에서는 a 태그와 Link 컴포넌트의 차이점에 대해 설명하고, 각각의 장단점과 어떤 상황에서 사용해야 하는지에 대해 알아보도록 할게요 🧐 🍊 태그란? 태그는 HTML에서 하이퍼링크를 생성하는 태그로 다른 웹 페이지, 문서, 이미지, 동영상 등 다양한 리소스에 대한 링크를 생성할 수 있습니다. 사용자가 클릭하면 해당 링크가 이동하거나 특정 동작을 수행하게 됩니다. 📍 태그 사용법 a태그란 by 3o14 웹 페이지에서 태그를 클릭하면 브라우저는 해당 링크의 주소로 이동하며, 새로운 페이지를 불러옵니..

React에서 Link와 useNavigate로 페이지 이동하기 오늘은 페이지 이동을 위한 리액트 hook을 알아볼게요 🧐 크게 Link 태그와 useNavigate() 함수가 있습니다. 리액트에서 Link와 useNavigate는 React Router 라이브러리를 사용하여 다른 페이지로 이동하는 데 사용됩니다. 각각의 사용법과 둘의 차이를 공부해 보겠습니다. 🍊 React Router란? React Router는 React 애플리케이션에서 브라우저 라우팅을 관리하는 라이브러리입니다. 브라우저 라우팅은 주소 표시줄의 URL을 변경하고 해당 URL에 대한 페이지를 렌더링하는 것을 의미합니다. React Router는 주소 표시줄의 URL을 변경할 때 React 컴포넌트를 렌더링하므로, 사용자가 다른 페이..