객체란?자바스크립트는 객체기반의 프로그래밍 언어이며 자바스크립트를 구성하는 거의 모~든 것이 객체라고 할 수 있다. 원시값을 제외한 함수, 배열, 정규 표현식 등 모두 객체다. 원시타입은 => 변경불가능한 단 하나의 값.객체타입은 => 변경가능한 값, 복합적인 구조.객

map을 사용할때 나는 key값을 꼭 index로 줬었다. index값으로 주지말라는 경고를 반대로 생각하고!! index로 준것이다....😢😱 여기서 궁금증이 생겼다 1. index로 주면 왜 안되는가? 2. 데이터에 고유한 id가 없는 경우는 value값으

같은 기능이나 ui 입히기가 쉽다?기능에 특화된 것들을 focus 등등을 설정하기 쉽다.....

HTTP에는 여러가지 메서드가 있다. 클라이언트가 서버에 요청을 전송할 때 사용된다.GET : 조회 주로 데이터를 요청할 때 사용되며 쿼리스트링으로 보냅니다.POST : 생성하거나 수정요청의 본문 (body)에 데이터를 담아 전송합니다.PUT : 업데이트전체 리소스를

자바스크립트의 모든 값은 타입이 있다명시적 타입 변환 (타입 캐스팅) : 개발자가 의도적으로 값의 타입을 변환하는 것암묵적 타입 변환(타입 강제 변환) : 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것🚩이 때 기존 원시 값이 직접 변경 되는 것은 아니다

리액트의 상태변화는 '단방향' 그리고 '명시적'으로 이루어진다. 때문에 상태가 변화했다면, 그 상태 변화를 명시적으로 일으키는 함수만 찾으면 된다.JSX : 자바스크립트에 HTML을 살짝 가미한 수준비교적 낮은 러닝커브 : 1+2 조합으로 처음에 비교적 난이도가 쉽다.

타입스크립트를 쓰기 시작하고 props를 보낼때 자주 만나게 됐던 경고창...상황을 간략하게 설명을 해보자면!systemIdx: number;타입을 지정해주었고const systemIdx = sessionStorage.getItem("systemIdx");아마도 아니

서로가 컨텐츠를 주고 받기 위해서는 알아들을 수 있는 메세지가 필요한데 그것을 HTTP라고 합니다.클라이언트가 서버에게 수행하길 원하는 동작을 말합니다.GET : lPOST :PUT :DELETE : PATCH :

클라이언트에서 대량의 요청을 동시에 보내는 경우 서버는 과부하가 올 수 있습니다. 이는 응답시간의 지연이나 서버의 성능 저하로 이어질 수 있습니다. 따라서 이런 상황을 방지하기 위해 일정시간을 주어 그 시간동안 무시하는 방식을 쓰로틀링이라고 합니다. 이벤트가 처리될 때

JavaScript가 무엇일까?역사 : 지금 자바스크립트는 아주 널리, 필수로 쓰이고 있는 스크립트 언어지만 그 시작은 미약했다고 할 수있다. 1995년 넷스케이프에서 근무하던 브랜든 아이크가 고작 10일만에 설계한 언어이다. 그는 그때 자바스크립트가 이렇게까지 사용될

npm run build압축된 파일을 얻을 수 있음압축된 형태로 배포할 수 있도록 해주는 것임build라는 폴더가 생김npm install -g serve파일을 배포할 수 있는 패키지serve라는 명령어를 깔아야 배포할 수 있음!! 배포할 준비 끝 !!serve -s

야호목적 : '회원탈퇴'버튼을 클릭하면 정보 팝업창이 뜨고 팝업창에 있는 '취소'버튼을 클릭하면 팝업창이 닫히는 기능을 구현하고 싶었음.상황 : '회원탈퇴'버튼은 Mypage.tsx파일에 있고, '취소'버튼은 Withdrawal.tsx 파일에 있어서 prop를 이동해야

Create React App과 Typescript 한꺼번에 설치 착착npx create-react-app my-app --template typescript뭔가 오류가 난다 왤까..? ㄴㅇㄱ평소하던데로 e.target을 주었더니!또 문제발생이런식으로 target에 t

TypeScript란?JavaScript + Type문법JavaScript는 Dynamic Typing 가능 => 숫자 - 숫자만 가능하지만 jS가 알아서 숫자로 바꿔줌 (프로젝트 커지면 이런 자유도 높은 점은 오히려 독)장점 Dynamic Typing 불가능에러메세지

ajax 성공 시 / 실패 시 html 보여주려면 ?몇초마다 자동으로 ajax 요청 ?실패 시 몇초 후 요청 재시도 ?prefetch ?=> 쉽게 구현가능한 React - Query !!! 야호 ٩( ᐛ )و 배워보자(코인거래소나 실시간sns같은 실시간 데이터를 계속

useState처럼 state를 생성하고 관리할 수 있게 해주는 hook복잡한 하윗값을 쓰게 될때 useState대신 useReducer을 사용하면 좋아여useReducer 사용하기 전에 알아둬야할 3가지DispatchReducerAction은행(Reducer)에 철수

컴포넌트의 Lifecyclemount : 페이지에 장착 됨update : 업데이트 됨unmount : 필요없을 때 제거됨

리덕스를 한번 정리한 적이 있는 팀프로젝트를 준비하면서다시한번 더 꼼꼼히 개념 정리를 하기위해 알아보자 ♪( 'ω' و(و"Redux를 쓰는 이유1\. props 문법 귀찮을 때2\. state 변경 관리 할 때redux를 설치하면 state를 보관하는 보관함을 만들

webpack 이라는 번들러를 통해서webpack패키지webpackwebpack-cliwebpack-dec-servernpm run build\-> dist 폴더 생성바벨패키지npm i -D @babel/core바벨이랑 웹팩을 연결한거지 무엇을 하라고 명령 한 것 아님

promise.all => 최종적으로 기다렸다가 한번만 반환Promise.race => 선착순. 제일 먼저 온 값만 반환forEach는 비동기를 순서대로 돌릴수가 없음. 한번에 팍뜸!for 반복문은 비동기를 순서대로 돌릴 수 있음for => 기본for in => 객체f