참고 글: 자바스크립트 lodash: debounce와 throttle을 이용하여 함수의 실행 횟수 제한   debounce: 동일 이벤트가 반복적으로 시행되는 경우 마지막 이벤트가 실행되고 나서 일정 시간(밀리세컨드)동안 해당 이벤트가 다시 실행되지 않으면 해당 이벤트의 콜백 함수를 실행합니다. throttle: 동일 이벤트가 반복적으로...

AWS(Amazon Web Service) S3 서비스는 파일을 업로드/다운로드 하는 용도로 제공되는 서비스인데요, 이 서비스에서 제공하는 부가 기능을 정적(static) 웹 사이트에 대한 호스팅 서버 용도로도 사용할 수 있습니다. 방법 1) 로그인 후 AWS S3 Management Console 페이지로 접속한 다음 [버킷 만들기] 버튼을 클릭...

이미지 판매 사이트 (ImageShop) React + Redux-saga + Typescript 로 제작한 이미지 판매 사이트입니다. 저장소: https://github.com/ayaysir/React-ImageSell 참고서적 및 API 서버 출처: 실전 리액트 (온노트) 영상으로 보기 특징 외부 API 서버를...

방법 1. typesafe-actions 도입 redux-action의 handleActions 대용으로 typesafe-actions의 createReducer 를 사용합니다. # NPM npm install typesafe-actions # YARN yarn add typesafe-actions 참고: redux-action 참고로 r...

phpmyadmin에서 사용자 계정 생성하는 방법입니다. 방법 1. 사용자 추가 버튼 클릭 phpmyadmin의 홈페이지에서 (왼쪽 메뉴의 집 아이콘을 클릭하면 이동) 사용자 계정 탭을 클릭한 뒤, 빨간 네모박스의 사용자 추가 버튼을 클릭합니다.   2. 아이디/비밀번호 입력 사용자명 란에 아이디, 암호 및 재입력 란에 비밀번호를 입...

JWT 란? JWT(JSON Web Token)는 공개 표준인 RFC7519로, JSON 객체 형태로 당사자 간 정보를 안전하게 전송하기 위한 소혀의 자체 포함 형식으로 정의됩니다. JWT는 두 당사자간에 전송할 클레임을 나타내는 URL에 안전(url-safe)한 압축 수단입니다. JWT의 클레임(claim; 페이로드의 한 조각)은 JWS(JSON...

현대음악가인 Steve Reich의 Clapping Music이라는 곡을 바탕으로 만들고 있는 리듬게임입니다. 원 작품 동영상   데모 동영상 생각보다 배치가 어려워서 연습을 많이 해야할 것 같습니다.   데모 사이트 https://clapping-music.netlify.app/ 스페이스 바를 누르면 게임...

깃허브 프로젝트에 올린 웹 사이트를 인터넷에 올릴 방법이 없나 찾아보던 중 클릭 몇 번만으로 편리하게 깃허브 프로젝트를 인터넷상에서 배포할 수 있는 Netlify라는 서비스가 있어 사용방법을 소개하고자 합니다.   Netlify 서비스의 장점 기본적으로 무료입니다. 깃허브 등 저장소 사이트와 계정 연동만 하면 클릭 몇 번만으로 각종 애플...

타입스크립트에서 아무런 준비 없이 mp3 를 import문 또는 require()를 써서 불러오려고 하면 Cannot filnd module ~ or its corresponding type declarations. 에러가 발생합니다. 이 에러를 방지하여 mp3 파일을 임포트할 수 있는 방법입니다. 방법 1. 먼저 npm 프로젝트에서 file-lo...

URL 타입 인코딩되지 않은 주소를 URL의 형태로 관리합니다. let urlString = "https://itunes.apple.com/search?media=music&entity=musicVideo&term=collier" let url = URL(string: urlString) URL의 string:은 영문, 숫자와 특...