서로가 컨텐츠를 주고 받기 위해서는 알아들을 수 있는 메세지가 필요한데 그것을 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

typeof abc // function 남는 것은 인스턴스typeof abc() //undefined 남는 것은 데이타funcrion abc(){ return 123 } 함수가 호출되고 증발한다. 남는 것은 데이타 typeof abc // functiontypeof

Promise를 실행해서 나온 인스턴스를 리턴하고resolve를 매개변수로 가져옴Promise 에서는then이라는 매소드를 쓸수있음abcd를 순차적으로 실행할수 있음하지만 콜백 아도겐과 다를게없어보임 ??이렇게 쓰지않음밑에서 다시 적어보겠음💡🤷🏻‍ .then(b)

🚨 자신의 api key를 그대로 노출하면 개인정보유출 위험이 있다 🚨그래서 api key를 안전하게 숨겨서 github에 파일을 업로드하는 방법을 알아보겠음(｡•̀ᴗ-)✧1 apikey.js 파일 하나를 생성해줌 (아무이름이나 OK)2 html에서 파일 연결해줌3

`

useRef는 .current 프로퍼티에 변경 가능한 값을 담고 있는 “상자”와 같습니다.useRef는 매번 렌더링을 할 때 동일한 ref 객체를 제공한다는 것입니다.useRef는 내용이 변경될 때 그것을 알려주지는 않는다는 것을 유념하세요. .current 프로퍼티를

자바스크립트는 동기식 처리 (Synchronous)한번에 코드 한줄씩 차례로 실행비동기식처리(Asynchronous)오래걸리는 작업이 있으면 제껴주고 다른거부터 처리하는 방식(자바스크립트가 아니라 자바스크립트를 실행하는 브라우저 덕분에 가능한 것 = 웹브라우저의 특수성

고차함수란? 함수를 인자(argument)로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수고차 함수는 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수를 말한다.고차함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다.자바스크립트의 함