전체 글

이 블로그를 만든지는 꽤 됐다.블로그를 만들 때만 해도 개발 관련 지식을 공유하고 그 과정에서 내가 알고 있는 지식도 리마인드되는, 나름대로의 선순환을 기대했다.하지만 막상 이런저런 핑계로 블로그에 글을 자주 작성하진 못했다.그러던 중 티스토리에서 하는 "오블완 챌린지"를 알게 되었다.https://www.tistory.com/event/write-challenge-2024 작심삼주 오블완 챌린지오늘 블로그 완료! 21일 동안 매일 블로그에 글 쓰고 글력을 키워보세요.www.tistory.com 3주동안 매일 블로그 글을 작성하면 작성 일수에 따라 추첨을 통해 경품을 주는 챌린지이다.블로그를 작성해한다는 마음도 있었는데 마침 이런 이벤트를 알게 되어 참여하게 되었다. 그리고 3주동안 매일 글을 작성했는데..

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같은 간..