Develop/JavaScript

TypeScript 공부를 하던 중 처음보는 currentTarget을 만나 공부 후 정리 사실 해당 내용은 TypeScript와는 상관이 없는 JS 내용입니다. 정의 - currentTarget : evet handler가 정의된 요소를 반환 - target : 이벤트가 발생된 요소를 반환 예시코드로 보자 예시 코드 function App() { ... const onClick = (e:React.FormEvent) => { console.log("커런트",e.currentTarget); console.log("그냥 타겟",e.target); } return( Log in ) } 콘솔 출력 위처럼 button을 클랙 했을때 나오는 console은 위와같은 차이점이 생긴다. 재밌는 사항 버튼의 가장 바깥..

'별코딩'님의 유튜브를 보다가 정말 중요하고 명확한 강의를 보아서 정리해 두려고 한다. https://www.youtube.com/watch?v=QC3PtSlzp3s 기본 코드 아래 코드는 아주 단순한 input에 텍스트를 입력 후 추가 버튼을 누르면 li가 추가되는 간단한 코드이다. 몇 가지 내가 몰랐던 부분들을 정리하려고 한다. import './App.css'; import { useState } from 'react'; function App() { const [inputValue, setInputValue] = useState(''); const [list, setList] = useState(()=>['밥먹기', '코딩하기']); const addList = () => { setList((pr..

1. 불대수 - 수학자 불? - True/False 로 값이 출력 - AND OR NOT 으로 연산 2. 불린형 - 생소한 기호만 정리 1) a = b : a는 b보다 크거나 같다. * 등호는 반드시 뒤로 3) a === b : a와 b 가 같다. 4) a !==b : a와 b 가 같지 않다. ​ - && : AND연산자 - || : OR 연산자 - ! : NOT 연산자 - !! : 반대의 반대 ​ 3. typeof 연산자 - 어떤 자료형인지 확인하는 용도 - NaN : Not a Number - 주의사항 : typeof 는 연산자여서 연산의 우선순위를 고려해야한다. ​ 4. Javascript 의 연산자 우선순위 출처 : 코드잇 강의 자료 우선순위 연산자 유형 기호 21 그룹 (...) ... 17 논..

1. 사칙연산 - ** : 거듭제곱 - % : 나머지 - 나머지는 기본적인 사칙연산 ★ 거듭제곱이 곱셈보다 우선순위가 먼저 이다. ​ 2. 문자열 - '문자' - "문자" - 반드시 같은 따움표로 닫아야 한다. ​ 3. 문자열 활용 - 왜 내 키보드에 역슬레쉬가 없냐... 암튼 역슬레쉬 쓰면 문자열 안에 따움표를 쓸수 있음 - ` ` 빽틱? 으로도 문자열을 표기할 수 있음 - 문자열을 + 하면 연결

react를 하려니깐 js공부를 다시 해야 할거 같아서 다시 해야겠다고 마음이 들었다. 배운 지 너무 오래돼서 새로운 걸 배우는 것 같다. ​ 파일 생성부터, 기본 코드, 코멘트까지 배웠다. 자료형, 문자형, 불린(Boolean)... ​ 추상화 - 목적에 맞게 핵심만 표현하는 것 - 목적에 맞게 단순화하는 것 ​ 변수 - 이름 부여 - let으로 선언 ​ 함수 - 지정, 선언해 두는 것 ​ Parameter(매개변수)