티스토리챌린지

1. 개요검색창에 www.google.com을 입력하면 구글 메인 화면에  접속하게 된다.하지만 인터넷 주소는 이런 string타입이 아닌 IP주소(예 : 123.123.123.123)로 이루어져있다.그렇다면 입력한 주소를 IP주소로 바꿔주는 무언가가 필요하다는것 알 수 있다.그것이 바로 DNS이다.이번에는 DNS와 작동 원리를 알아보자. 2. DNS란?DNS(Domain Name System)는 도메인 이름을 IP주소로 변환하는 시스템이다.사용자가 모든 사이트의 IP주소를 외우는것은 어렵고, 비효율적이기 때문에 이런 시스템이 고안되었고 이 덕분에 우리는 www.google.com과 같이 간편하게 이름만으로 웹 사이트에 접속할 수 있다. 3. DNS의 작동 원리DNS는 아래의 순서로 작동한다.도메인 입력..

1. 개요react-dropzone 라이브러리는 드래그 앤 드랍(drage and drop)을 쉽게 구현할 수 있게 도와주는 라이브러리이다.사용자가 이미지, 파일 등을 업로드 할 때 드래그 앤 드랍이 있으면 사용성이 증가하는 경우가 있다.이번에는 react-dropzone라이브러리 사용법을 간단하게 정리해보았다. 2. GitHub모든 사용방법은 공식 GitHub에서 확인할 수 있다.https://github.com/react-dropzone/react-dropzone GitHub - react-dropzone/react-dropzone: Simple HTML5 drag-drop zone with React.js.Simple HTML5 drag-drop zone with React.js. Contribut..

서비스 개발을 하다보면 아직 백엔드 연결이 되지 않았거나 하는등의 이유로 더미 이미지 URL이 필요할 때가 있다.Lorem Picsum사이트에서는 더미 이미지 URL을 제공하고 있다. https://picsum.photos/ Lorem PicsumLorem Ipsum... but for photospicsum.photos  간단 사용방법id와 크기를 이용해 이미지를 가져올 수 있다.https://picsum.photos/id/[이미지 id]/[가로 크기]/[세로 크기]이미지 id는 아래 링크에서 확인할 수 있다.https://picsum.photos/images Lorem PicsumLorem Ipsum... but for photospicsum.photos 그 외에도 grayscale, blur같은 간..

1. 개요예전에 Vercel을 통해 배포한 페이지에 수정 사항이 생겨 수정한 뒤 GitHub로 push를 했다.Vercel과 GitHub repo를 연결해두어서 GitHub main branch에 새로운 commit이 올라오면 자동으로 Vercel로 배포가 되어야 하는데 이상하게도 Vercel에서 수정사항이 자동으로 배포되지 않았다.문제 해결을 위해 GitHub repo 재연결, Vercel project 재배포 등 여러가지 방법을 시도해보았으나 새 commit은 배포되지 않아 결국 Vercel CLI로 배포를 진행했다.Vercel CLI를 통해 한번 배포를 진행하니 이후 GitHub commit이 추가될 때 Vercel이 자동으로 다시 인식하기 시작했다.아무래도 일정 기간 이상 수정이 발생하지 않아 발..