import logo from "./logo.svg"; import "./App.css"; import { useState } from "react"; //useState 사용하기 위한 임포트 import uuid from "react-uuid"; // uuid 는 map함수 돌리면 key값을 요구하는데 거기에 넣을 id값을 랜덤하게 받을수있음 function App() { const [title, settitle] = useState(""); const [contents, setcontents] = useState(""); const [todos, settodos] = useState([ { id: 1, title: "제목 1", // 어레이에 객체 하나하나 들어있는 투두스 초기값 contents: "..

import logo from "./logo.svg"; import "./App.css"; import { useState } from "react"; //유즈 스테이트 에스 대문자로 안써서 어디서 안되는건지 한참 찾음 function App() { let [title, settitle] = useState(""); // 유즈 스테이트의 용법 // 유즈 스테이트 소괄호 안에는 해당 타이틀의 초기값 let [content, setcontent] = useState(""); // 그다음 셋타이틀로 타이틀을 바꿔줄수 있다. let [card, setcard] = useState([]); //리액트에서 새로운 랜더링은 유즈리액트같은 훅으로만 가능 let [movedcards, setmovedcards] = us..

import logo from "./logo.svg"; import "./App.css"; import { useState } from "react"; // 유즈 스테이트를 임포트 해야 사용가능 function App() { const initialState = ["apple", "banana", "cherry", "date", "elderberry"]; const [array, setarray] = useState(initialState); // 유즈 스테이트의 기본 형식 기본 array 그걸 바꾸는 setarray const [result, setresult] = useState("어떤값"); //소괄호 안에는 해당 어레이의 초기값 const [query, setquery] = useState("")..

호이스팅 호이스팅은 스코프 단위로 일어난다. var는 펑션안에서만 지역변수로서 작동한다.전역에서 지역변수를 끌어올수없다. 포문 이프문 와일문등의 var선언문은 전역변수로서 작동한다. let 과 const는 함수 이프문 포문 와일문 등등 전부에서 지역변수로서 작동된다. ~~~~~~~~~~~~~~~~~~~~~~~ function user( name , age){ this.name = name this.age = age } let user1 = new user('mike' , 30) let user2 = new user('jane' , 22) let user3 = new user('tom' , 17) // 펑션이라는 와플 툴(생성자함수)를 new를 이용하여 각각 새로운 객체 3개를 만들어낸다. //이때 thi..

지금까지 변수선언과 할당을 했는데도 그것을 왜 콘솔로그로 찍지 못하는가에 대한 이유를 알게됨 이 개념이 명확하지 않았는데 확실히 알겠음 지려버림ㅋㅋㅋㅋㅋㅋㅋㅋ var vscope = "global" function fscope(){ alert(vscope); } fscope(); // 이러면 글로벌이 경고됨 펑션안에 있는애들은 펑션밖(전역변수)를 끌어다가 쓸수 있음 ~~~~~~~~~~~~~~~~~~~~~~~ var vscope = "global" function fscope(){ var vscope = "local" alert(vscope); } fscope(); // 이러면 로컬이 출력됨 일단 같이 함수안에 있는 지역변수를 찾아쓰는데 함수안에 // vscope 가 선언 할당 되어있기 때문에 로컬이 출력..

document.getElementById("아이디명").innerHTML = " 안녕" // HTML에 해당 아이디명에 해당하는 부분을 지목해서 이너에이치엠엘로 해당부분에 "안녕" //이라는 텍스트를 집어넣는다. document.querySelector(" ").children[ ] // 따옴표안에는 태그명이면 그냥 적고 클래스명이면 온점찍고 적고 아이디명이면 //#찍고 적으면 됨ㅋ //칠드런은 선택한 태그의 자식태그로 이동시킨다. []안에는 자식노드의 순서(?) 쓰면됨 getElementsByTagName(" 태그명 ") //해당태그가 여러개면 여러개가 선택됨 문서객체생성과선택 document.createElement(tagName) : // // 테그네임에 div span a 같은것을 따옴표 넣고 ..