타코딩

const superEventHandler = {}; let title = document.querySelector("h2"); title.addEventListener("mouseover", () => { title.innerHTML = "mouse is here!"; title.style.color = "#1abc9c"; }); title.addEventListener("mouseleave", () => { title.innerHTML = "mouse is gone!"; title.style.color = "#3498db"; }); window.addEventListener("resize", () => { title.innerHTML = "you just resized!"; title.style.co..

import { useEffect, useState } from "react"; function App() { const [loding, setLoding] = useState(true); const [coins, setCoins] = useState([]); useEffect(() => { fetch("https://api.coinpaprika.com/v1/tickers") .then((response) => response.json()) .then((json) => setCoins(json)); setLoding(false); }, []); return ( The Coins! {loding ? "" : `(${coins.length})`} {loding ? ( Loding... ) : ( {coins..

자바스크립트란?자바스크립트는 (1) 언어이다.(1)언어는 (2)파일에 include하여 실행된다.(2)파일이 실행하는 환경은(3)이다.(3)에서 (1)이 실행되는 이유는 (4)을 탑재하고 있기 때문이다.(4)의 실행방식은(5)이다.(5)는 런타임시 한줄씩 코드를 읽어서 바로 실행한다.(1)script(2)html(3)web browser(4)엔진(5)인터프리터node js 설치node js lts 버전으로 설치설치완료 후 터미널에서 node -v 명령어로 버전확인가능 터미널에서 node 파일명.js 로 연결가능var - function scope variable for (var i = 0; i < 10; i++) { var leak = "I am available outside of the loop"; ..

function App() { const [toDo, setToDo] = useState(""); const [toDos, setToDos] = useState([]); const onChange = (e) => { setToDo(e.target.value); }; const onSubmit = (e) => { e.preventDefault(); if (toDo == "") { return; } setToDos((currentArray) => [toDo, ...currentArray]); setToDo(""); }; console.log(toDos); return ( My to Dos({toDos.length}) Add To Do {toDos.map((item, i) => ( {item} ))} ); }..

오늘은 깃 생성에 관한 기본 명령어와 자바스크립트 작동원리를 배웠다. 간단한 es5예제를 보며 함수, 변수가 reference 되는 과정을 공부했는데, 기본적인 작동법만 알고 코드에 접근할 때보다 훨씬 더 깊이 있게 해석할 수 있게 되었다 1.GitHub Repository(원격저장소) 생성 :JavaScript local repository (로컬저장소) : c/dev/javascript git 명령어 1)javascript git 폴더 초기화 - $git init 2) 원격 저장소와 연결(순서상관없 음) - $git remote add origin 원격저장소주소 3)readme.md파일 생성 4)스테이지에 올리기 - $git add [파일 혹은 폴더명] 5)스테이지 상태확인 $git status 6)..

var function-scoped 재선언o 재할당o let block-scoped 재선언x 재할당o const block-scoped 재선언x 재할당x ​ ​ var 과는 달리 let 과 const 는 함수밖 {} 대괄호에서는 적용이 되지 않는다 const는 재선언, 재할당 모두 적용이 되지 않기 때문에 고정값을 쓰고 싶을때 사용하면 될 것 같다.

const a = 5; const b = 2; const myName = "taco"; const veryLongVariableName = 0; 변수 자바스크립트 변수선언시 띄어쓰기대신 대문자로 대체한다 console.log(a + b); console.log(a \* b); console.log(a / b); console.log("hello" + myName); ㅇ const 와 let 중 무엇을 사용할까? 많은 사람들이 const를 사용하고 variable을 업데이트 하려면 let을 사용해라 var function-scoped 재선언o 재할당o let block-scoped 재선언x 재할당o const block-scoped 재선언x 재할당x ​ ​ var 과는 달리 let 과 const 는 함수밖..

추가로 save 시 포멧설정, react 자동완성 자바스크립트도 추가하기

1.https://www.apachefriends.org/download.html Download XAMPP XAMPP is an easy to install Apache distribution containing MariaDB, PHP, and Perl. Just download and start the installer. It's that easy. XAMPP for Windows 8.0.28, 8.1.17 & 8.2.4 Version Checksum Size 8.0.28 / PHP 8.0.28 What's Included? md5 sha1 Download (64 bit) 144 Mb 8.1.17 / PHP 8.1.17 What's I... www.apachefriends.org xmapp설치 다운로..

글자 엔터디코드 명칭 카피라이트 © 저작권표시 & & 엠퍼센드 → → 오른쪽화살표 > 오른쪽부등호 ​ ​ html에서 태그가 아닌 텍스트로 인식하고 싶을때 사용하면됨. Entity Code - A Clear and Quick Reference to HTML Entities Codes featured common currency math direction misc about character entity name entity number description why is this featured? © © © copyright almost every website uses the copyright symbol | | vertical bar the vertical bar symbol is used to sep..