Dev study and Repost

PERN - 설정 시작 setting first 01 - lucide-react​---*FIRST​/root$ npm create vite@latest$ yclientreactJavascript---​$ cd client$ npm install$ npm install react-router-dom$ npm install lucide-react​*lucide-react는 React용 아이콘 라이브러리한마디로 설명하자면:"Lucide 아이콘을 React 컴포넌트로 사용할 수 있게 해주는 패키지"Lucide는 Feather Icons의 포크(fork)로, 오픈소스로 유지보수되고 있는 깔끔하고 일관된 스타일의 벡터 아이콘 모음!​*lucide-react 주요 특징React 컴포넌트 형태로 아이콘 사용SVG 기반..

자바스크립트 구문 JavaScript syntax자바스크립크 코드 작업시 사용하는 구문, 기호들을 정리해보았습니다.잘 익혀서 코드 작성시 활용하면 되겠습니다. ​자바스크립트 구문이름통사론사용 방법중괄호{ }중괄호는 JavaScript의 함수 및 기타 코드 블록을 묶습니다. 왼쪽 중괄호는 함수나 코드 블록을 열고 오른쪽 중괄호는 닫습니다. 예를 들어, if 문은 여는 중괄호와 닫는 중괄호를 사용하여 코드를 묶습니다.if (a == b) {warning ("a and b are the same")}등호=등호 또는 할당 연산자는 변수에 어떤 데이터가 포함되어야 하는지 알려줍니다. 예를 들어, myVar = 3은 myVar 변수를 3과 동일하게 만듭니다.이중 등호==이중 등호 또는 등호 연산자는 두 값이 동일한..

자바스크립트 이벤트 리스너와 이벤트 핸들러 차이 javascripts event listener handler  이벤트 리스너 (EVENT LISTENER)-이벤트 리스너는 특정 요소에서 발생하는 이벤트를 감지하고, 이벤트 핸들러를 호출하는 객체입니다.-이벤트가 감지되면 이벤트 핸들러를 실행합니다.이벤트 핸들러 (EVENT HANDLER)-이벤트 핸들러는 이벤트가 발생했을때 실행되는 함수, 기능을 의미합니다.-HTML 요소에 직접적으로 이벤트 핸들러를 추가할수 있습니다.html내 속성에 'onclick'(클릭), 'onmouseover'(마우스오버), 'onscroll'(스크롤) 등을 이용하여 이벤트 핸들러를 지정할수 있습니다.-간단한 기능을 구현하는데 편리합니다-여러 이벤트와 기능을 다루는 경우, 코드..