Silver Library (Archived)

https://ko.reactjs.org/docs/composition-vs-inheritance.html 합성 (Composition) vs 상속 (Inheritance) – React A JavaScript library for building user interfaces ko.reactjs.org 자, 한번 알아보자. 분명 이론으로는 알지만, 어떻게 구현해야 할 지 감이 안잡히는 경우에 유용할 것이다. 이 작업은 "컴포넌트에서 다른 컴포넌트를 담기" 라고 한다. 그럼 어떻게, 합성을 할 수 있을까? 상속에 상속이라는 느낌으로 이해하면 좋을 것 이라 본다. 아래의 코드대로 출력하면, CSS 의 내용물 또한 같이 정상적으로 출력이 가능하다. 1. FancyBorder 를 보면, (props) 가 있다...

이를 컴포넌트라 지칭. https://www.youtube.com/watch?v=N3AkSS5hXMA 그럼, 어떻게 깔끔하게 코딩이 가능할까. 우선 당장 import 부분을 깔끔하게 하는 법에 대해 기록해보겠다. src > App.js import React from "react"; import Home from './pages/Home.js'; import Skills from './pages/Skills.js'; import Projects from './pages/Projects.js'; import About from './pages/About.js'; import Contact from './pages/Contact.js'; function App() { return ( Hello! ); } e..

문제의 원인: Node.js 를 17.0 버전 이상으로 설치 시, 현재 이 글 작성 시점을 기준으로 계속 에러가 뜨며 npm start 명령어가 실행이 안됩니다. 해결 방법: 안정적 버전으로 설치하시면 해결됩니다. 아니면, 다음과 같이 package.json 을 수정하도록 합시다. 수정 전 "start": "react-scripts start" 수정 후 "start": "react-scripts --openssl-legacy-provider start" 참고: 링크 1

개요. 이 글은 custom web component 의 사용법에 대해 알아보고자 한다. 이 글에서 내린 정의: 웹 컴포넌트(web component) 가 바로 그 전신이자 근원이다. 웹 컴포넌트 | MDN 웹 컴포넌트는 그 기능을 나머지 코드로부터 캡슐화하여 재사용 가능한 커스텀 엘리먼트를 생성하고 웹 앱에서 활용할 수 있도록 해주는 다양한 기술들의 모음입니다. developer.mozilla.org 웹 컴포넌트는 / 그 기능을 나머지 코드로부터 캡슐화하여 / 재사용 가능한 / 커스텀 엘리먼트를 생성하고 / 웹 앱에서 / 활용할 수 있도록 해주는 / 다양한 기술들의 모음입니다. 그리고, web API 도 개요만큼은 알아두었으면 한다. Introduction to web APIs - Learn web d..