Web

react-hook-form 란? react-hook-form 사용을 하면 form을 더 쉽게 만들기 위한 라이브러리로, 아래와 같은 장점을 가집니다. 장점 배우기 쉽다 유효성 검사에 유용하다. HTML 표준을 활용하여 안정적인 기능을 제공한다. 재 렌더링 횟수를 최소화한다. 구성 요소를 즉각 분리하여 같은 컴포넌트 내 요소들의 의미 없는 재 렌더링을 막아준다. 전체 양식을 재 렌더링 하지 않고, 개별 입력 및 양식 상태 업데이트를 구독할 수 있다. 여기서는 간략하게 설명하고 넘어가도록 하겠습니다. 더 자세한 내용은 https://react-hook-form.com/ 을 참고해주세요. react-hook-form 설치하기 아래 명령어를 입력하면, react-hook-form이 설치되어 사용할 수 있습니다..

JavaScript에서 받아온 Json 코드를 그대로 HTML에 표출하고 싶다면 아래와 같이 작성하면 된다. HTML 코드가 아래와 같다고 할 때 JavaScript 코드를 아래와 같이 작성한다. function jsonInHTML (jsonData) { document.getElementById('json-container').innerHTML = JSON.stringify(jsonData, null, 2); }

아래 코드는 radio button style을 변경하는 방법으로, check butto style 변경도 아래와 유사합니다! input[type=radio]:checked { background: #B331E7; -webkit-appearance: none; -moz-appearance: none; border: #000000 1px solid; border-radius: 100%; margin-right: 3px; width: 16px; height: 16px; } input[type=radio] { background: #FFFFFF; -webkit-appearance: none; -moz-appearance: none; border: #B331E7 1px solid; border-radius: 1..

글을 읽기 전 버전 정보 참고하세요. 😎😎 🧱 버전 정보 Windows 10 Pro PHP Storm 2021.1.4 Bitnami 7.4.21 Apache 2.4.48 MariaDB 10.4.20 PHP 7.4.21 PHPMyAdmin 5.1.1 ImageMagick 7.0.7-11 SQLite 3.36.0 ModSecurity 2.9.3 Git 2.32.0 Windows Composer 2.1.3 Laravel 8.5.21 PHP Storm으로 Laravel 프로젝트를 설정해보려 합니다! 프로젝트 생성 방법은 두 가지가 있습니다. 첫 번째는 Composer로 Laravel 프로젝트 생성 후 PHP Storm을 연결하는 방법이고, 두 번째는 PHP Storm으로 Laravel 프로젝트를 생성하는 방법입..

해당 글은 Windows 10 Pro 환경에서 Bitnami를 통해 PHP를 설치한 후, Laravel을 추가 설치한 내용입니다.만약 PHP가 설치되어 있다면 Laravel에 대해서만 추가 설치하면 될 것 같아요 😆😆 글을 보기 전, 제가 사용한 버전에 대해 정리해놓았습니다. 참고하세요 😎😎 🧱 버전 정보Windows 10 ProBitnami 7.4.21Apache 2.4.48MariaDB 10.4.20PHP 7.4.21PHPMyAdmin 5.1.1ImageMagick 7.0.7-11SQLite 3.36.0ModSecurity 2.9.3Git 2.32.0Windows Composer 2.1.3Laravel 8.5.21Bitnami를 이용해 WAMP 환경 구축하기Windows에 PHP를 설치할 때..

1. HTML 1.1 HTML이란? HTML : Hyper Text Markup Language (하이퍼텍스트 마크업 언어)▪️ Markup Language : 문서의 구조를 표현하는 역할 Hyper Text : 참조(하이퍼링크)를 통해 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트 쉽게 말해, HTML은 웹을 만들기 위한 가장 기초적인 언어 프로그래밍 언어는 아니고 문서의 골격이라고 보면 됨 1.2 프로그래밍 언어 vs 마크업 언어 프로그래밍 언어▪️ 내가 의도한 바를 정확하고 효율적으로 기계가 수행할 수 있도록 하는 것 ▪️ 요리 레시피 같은 느낌 ▪️ 문제를 해결하기 위해 컴퓨터에게 처리 방법과 순서를 정해주는 명령문을 작성하는 언어 마크업 언어 ▪️ 구조를 정하는 언어 2. CSS CSS ..