테스트 코드일반적인 단위테스트 실습TDD테스트라고하면 마우스로 클릭을 통해 api를 요청하는 작업같은 것들을 대신해주는 것 입니다.어떤 사이트를 런칭하기 위해 개발자들이 몇달간 열심히 개발을 해서 1차개발이 완료되었다고 가정해보겠습니다.그럼 이후에 2주정도 버그가 있는

성능최적화메모이제이션(Memoization)map, memo의 관계CRP(Critical Rendering Path)이렇게 만들어 놓은 후 let과 state의 버튼을 눌러보도록 하겠습니다.콘솔을 보면 let은 버튼을 누르면 콘솔값은 올라가지만 리렌더가 일어나지 않아서

1.while2.toString, parseInt3\. 메서드 split, reverse, join추가설명toString은 바로 숫자 뒤에 올 수 없고 변수에 담아서 사용해야 하는데, 그냥 숫자에다가 사용할 수 있는 방법은 ! 10을 소괄호로 묶어서 그룹화 해주기. 그

RefreshToken새로고침시 토큰 유지하는 방법Promise, ObservableRefreshToken이란, 사용자의 로그인 정보를 담고 있는 JWT토큰 데이터입니다.이전에 학습했던 로그인 인증/인가 과정을 다시 한 번 봅시다.AccessToken 데이터는 일정 시

1.for문2.메서드

1\. 카드사각각의 카드사에게 승인을 받아 결제 시스템을 구축하는 방법입니다. 신한카드, 하나카드, 농협카드 등등 현존하는 다양한 카드 회사들은 지원하는 결제 방법이 전부 다릅니다.그렇기 때문에 모든 경우를 고려하여 결제 시스템을 개발하려면 인건비와 시간이 많이 소요됩

웹 에디터(React-quill)react-hook-form과 함께 사용하기크로스 사이트 스크립트(XSS)하이드레이션 이슈게시물을 등록할 수 있는 페이지를 만든다고 가정했을 때,input과 textarea 태그를 이용해서 다음과 같이 입력란을 만들어 줄 수 있습니다.그

카카오 맵 API카카오 맵 구현refetch 문제점과 개선방안카카오 개발자 페이지에 접속!카카오 맵 뿐만 아니라 다양한 API가 적용된다. 로그인 후 애플리케이션 추가(프로젝트 폴더 생성과 비슷)애플리케이션 생성된거 클릭해보면 해당 애플리케이션의 앱 키 목록을 볼 수

1\. for문2.메서드 reduce

1\. 알파벳이 섞여있을 때나누어져있을 때reduce 메서드 -> 초기값으로 어떤 타입이든 사용할 수 있다.charCodeAt() - 아스키 코드 이용업로드중..

로그인의 역사단방향 암호화(해싱) 양방향 암호화토큰을 같이 보내주는 방법JWT 토큰과 조작 불가능성 이해브라우더에서 특정 email, password를 가지고 로그인을 하게되면 백엔드로 loginAPI 요청이 가게되고, 백엔드에서는 해당 유저가 있는지 디비에서 확인후,

💡 오늘은 react-hook-form, yup 을 배웠다! 개념은 블로그에서 적기로 하고, 과제 하면서 이해하고 알게된 것들을 간단하게 기록하기!작성자, 비밀번호, 제목, 내용 입력창을 만들고, 게시물 등록하기 버튼을 만들기!❗️ 위 코드에서 const { regi

1\. for, while2.replaceAll3.split, join4.정규표현식5.regExp

1\.1.메서드컴퓨터는 지정된 범위를 넘어서면 위 이미지 오른쪽처럼 불안정한 숫자가 나온다. 컴퓨터에서 나타내줄 수 있는 안전한 범위라면 true값이 뜬다. 아니라면 false 라고 뜸.문제 풀이에서, 처음에 return n % 1234567이라고 적었는데, 그러면 몇

두 배열을 이중반복문으로 돌려서 같은거빼고 중복되지 않는것만 새로운 배열에 담아주고 리턴하기. 라고 생각했지만 잘 안되어서 마무리를 못한 내 코드..두번째 코드는 구글링해서 참고한건데 이것도 일단은 틀렸음1\. 시간초과 문제로(효율성) 실패. 반복문이 3번 돈다2.오름

우리가 사용했던 props는 언어를 맞춰주었던 것 뿐. 사실은 아무거나 써도 상관이 없던것이다!..!>!!>!> 여기서도 왼쪽이 인자, 오른쪽이 매개변수라서 아래이미지처럼 이름 막 바꿔줄 수 있다. ![](https://velog.velcdn.com/images/

폰켓몬 문제 내생각 문제를 이해 못하겠음.. 레퍼런스 예산 문제

이미지등록 리뷰검색 프로세스 이해검색버튼 없이 검색 비다운싱 & 쓰로틀링Lodash 디바운싱 구현예시 이미지와 같이 사진 첨부 버튼을 총 3개 만들어봅시다!3개의 이미지 첨부 버튼이 화면에 노출되도록 하려면, map을 실행하는 배열의 길이가 일정하게 3이어야 합니다.

🏷️ 수업 목표 이미지 프로세스 이해 이미지 업로드 해보기 HTML 기본 파일태그 숨기기 이미지 검증 1. 이미지 프로세스 이해(이미지서버, 스토리지) 이미지 프로세스를 이해하기 위해서는 storage사용을 알아야한다. 스토리지 또한 컴퓨터이고, 여러 컴퓨터를 연결

🏷️ 수업 목표 객체 / 배열 복사 댓글 수정하기 무한스크롤 refactoring - 스프레드 연산자