Silver Library (Archived)

이를 컴포넌트라 지칭. 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..

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

ECMA6 1. DOM 의 기본지식 - JS 와 밀접한 관계를 가진 DOM 2. 실은 React가 아니라 ECMA6 였다! - 임시: https://dydals5678.tistory.com/87 (destructuring assignment, arrow function) 3. 객체지향이란? - 임시: https://universitytomorrow.com/15 오늘날 JavaScript가 가장 널리 쓰이는 분야는 클라이언트용 인터페이스이다. 이 때 주로 JavaScript는 웹 브라우저에서 제공되는 DOM API로 사용하게 된다. JavaScript에서 html의 문서에 접근하는 API를 뜻하는 용어로 DOM이 등장하였다. 참조: 전적으로 MDN을 기준으로 재요약 하였습니다. DOM 소개 - Web AP..

The core of this post is; how to call the function within the variable that has been already declared at the top. Note: JS interacts to HTML. It reads the HTML document, then gives some change to it. Hello, World! const greetingWord = document.querySelector(".world:first-child h2"); const wrapperTrigger = { // function functionName() { greetingWord.innerText = "example one to display" } function..