웹 언어 배우기/JavaScript 다한(dahan) 2021. 1. 27. 11:10
버튼 클릭 시 HTML 코드 복사하여 나타내는 방법에 대해 알아보겠습니다. 이름 아이콘 목표 추가 폰트패밀리 폰트 추가 저는 form 태그를 이용하여 목표 추가 버튼 또는 폰트 추가 버튼을 클릭하면 label과 input을 복사하여 아래에 나타나는 HTML 코드를 짜봤습니다. let addButton = document.querySelectorAll('button'); const addButtonClickHandle = (e) =>{ e.preventDefault(); let id = e.target.id; let appendArea = document.querySelector(`#${id}Add`); let html = document.querySelector(`.${id}__item--add`); l..
더 읽기
라이브러리/React js 다한(dahan) 2021. 1. 23. 15:57
이번 시간은 react 외부 함수형 컴포넌트 가져오는 방법에 대해 알려드리고자 합니다. 컴포넌트 만들기 모듈 내보내기(export) 및 가져오기 (import)를 통해 외부 함수형 컴포넌트를 가져올 수 있습니다. 일단 사이트에서 header 부분을 담당할 header 컴포넌트를 만들어보겠습니다. header.js import React from "react"; const header = () =>{ return( CYH Portfolio HOME ABOUT PORTFOLIO BLOG 사는곳: 서울특별시 영등포구 email: choyoungho95@gmail.com © 2021 CYH Portfolio. ) } export default header header 컴포넌트에서 export default [컴..