728x90 JS4 하트 날리기 : 클릭 할때 마다 하트날리기 하트 애니메이션과 함께하는 티스토리 블로그 이곳은 본문이 위치한 영역입니다. 클릭하여 하트 애니메이션을 즐기세요! 스크롤을 내려 더 많은 내용을 읽어볼 수 있습니다. 하트 애니메이션은 JavaScript와 CSS 애니메이션을 이용해 간단히 구현되었습니다. 방문자들이 클릭할 때마다 하트가 화면에 나타나면서 애니메이션 효과와 함께 사라집니다. 이를 통해 블로그에 더 재미있고 상호작용적인 요소를 추가할 수 있습니다. 스크롤을 내려보세요! 본문은 계속해서 아래로 이어집니다... 2024. 11. 4. 렌더링 삼형제 CSR, SSR, SSG 이해하기 SPA와 MPASPA란?Single Page Application의 약자로 하나의 페이지로 구성된 웹 어플리케이션이다.웹 어플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드 하고, 그 이후에 새로운 페이지 요청이 있을 때 페이지 갱신에 필요한 데이터만 전달받아서 페이지를 구성한다.클라이언트 관점에서 말하자면, 최초에 페이지를 로딩한 시점부터는 페이지 리로딩 없이 필요한 부분만 서버로 부터 받아서 화면을 갱신하는 것이다. 필요한 부분만 갱신하기 때문에 네이티브 앱에 가까운 자연스러운 페이지 이동(화면 깜빡임 X)과 사용자 경험을 제공할 수 있다. MPA란?Multi Page Application의 약자로 새로운 페이지를 요청할 때마다 서버에서 렌더링된 정적 리소스(HTML, CSS, JS)가 다.. 2024. 11. 4. React : JSX const element = Hello, world!;JSX은 자바스크립트를 확장한 문법으로 UI가 어떻게 생겨야 하는 지 설명하기 위해서React와 함께 사용할 것을 권장한다.JSX은 React엘리먼트(element)를 생성한다.JSX란?React에서 본질적으로 렌더링 로직이 이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식 화면에 표시하기위해 데이터가 준비되는 방식과 같은 UI로직과 연결된다.React는 별도의 파일에 마크업과 로직을 넣어 분리하는 대신 둘 다 포함하는 컴포넌트로 분리한다.JSX에 표현식 포함하기const name = 'Camille';const element = Hello, {name} ReactDom.render( element, documet.getE.. 2024. 10. 28. parameter(매개변수)와 argument(전달인자)의 비교 매개변수는 함수의 정의부분에 나열되어 있는 변수들을 의미하고 전달인자는 함수를 호출할 때 전달되는 실제 값을 의미한다. 매개변수는 변수(variable), 전달인자는 값(value)으로 보는 것이 일반적이다. 따라서 매개변수는 함수를 정의하는 영역에서, 전달인자는 함수를 호출하는 영역에서 볼 수 있다. f(x) =2x 위의 식에서는 변수 'x'가 매개변수, f(3)와 같은 함수 호출부분에서 값 '3'이 함수의 전달인자가 된다. 따라서 parameter은 함수나 메서드에 어떤 값을 받을 지 결정하는 '형식'이고 argument는 그 형식에 맞춰 전달하는 '실재 값' 이라고 할 수 있다. 실제 Js식으로 예시를 들어보자면, function asa ( param1, param2 ){ return ( param.. 2021. 4. 18. 이전 1 다음 728x90 반응형