폼 요소 input textarea event 이벤트 설명 특이사항 change 값이 변경될 때 이벤트 발생 텍스트 입력의 경우 포커스를 잃을 때 실행 input 텍스트가 입력될 때마다 이벤트 발생 change와 달리 즉시 실행 cut, copy, paste 잘라내기·복사하기·붙여넣기 할 때 이벤트 발생 브라우저 기본 동작을 막아 이벤트 실행을 막을 수 있음. event.clipboardData 프로퍼티를 사용하면 클립보드에 저장된 데이터를 읽고 쓸 수 있음 submit 이벤트와 메서드 submit 이벤트는 폼을 제출 할 시 발생 주로 폼을 서버로 전송하기 전 내용검증하거나, 폼 전송 취소 할 시 사용
이벤트 리스닝 및 이벤트 핸들러 수행 const onChange = () => { console.log("ya"); }; //카멜케이스로 작성 //() x, 앞쪽에 함수 생성하는것이 좋음 useState 컴포넌트 하뭇가 다시 호훌되는곳에서 변경된 값 반영하기 위해 state로 값을 정의할 수있게 해줌 리액트 컴포넌트 함수안에서 useState 호출 cosnt [현재 상태값, 업데이트하는 함수 ] = useState (); useState Hook 왜 상수형 사용 ? 등호를 사용해서 값 할당 안함 state 업데이트 하는 방법이 아니기때문 input const hello [hello, sethello] = useState(""); const hi = (event) => { sethello(event.tar..
구조분해할당 Destructuring assignment 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수있게 하는 표현식 배열 구조 분해 let users = ['mike', 'tom', 'jane']; let [user1, user2, user3] = users; //같은것 let user1 = user[0]; let user2 = user[1]; let user3 = user[2]; console.log(user1); //'mike' console.log(user2); //'tom' console.log(user3); //'jane' 배열 구조 분해 : 기본값 let [a,b,c,] = [1,2]; //기본값 없을시 undefined let [a=3, b=4, c=5]..
커맨드 용어 cd 이동 mkdir 폴더만들기 ls -al 파일 보여주기 cat 파일의 내용을 화면에 출력 nano 파일만들기 q 나가기 j/k스크롤바 조작 git init 초기화 .git git repository git status working tree status 상태 git add . 버전으로 만들거니 staging area에 올려라 git commit -m "내용" 버전생성 git log show version 만들어진 버전 확인 git diff 최근 commit vs 현재파일 차이점 보여줌 git difftool 커밋아이디 현재파일 vs 특정커밋 비교가능 git branch 브랜치명 브랜치 생성해줌 git switch 브랜치명 브랜치로 이동 git merge 브랜치 합치기 메인브랜치로 이동해서..
return ( Blog 냥 {post[0]} {setPlus(plus + 1);}}> ♥ {plus} 7월 28일 발행 {post[1]} 7월 28일 발행 {post[2]} 7월 28일 발행 ); } jsx (확장문법) - class넣을땐 className사용 - 변수 넣을 때{ } 중괄호 사용 = 데이터바인딩 {서버에서 데이터를 가져와서 사이사이에 넣음} - style 넣을땐 style={ { 스타일명:'값' } } 괄호안엔 오브젝트,스타일명작성시 바사용 안됨 카멜케이스로 기입 state const [post, setPost] = useState([ "귀여운 고양이가 궁금해?", "귀여운 강아지", "귀여운 햄스터" ]); const [plus, setPlus] = useState(0); state ..