목적 DNS 는 우리가 사용하는 도메인을 IP 주소로 변환해주는 역할을 하는 체계다. 어떤 방식으로 IP 주소로 변환해주는지 그 방식을 이해해보자. DNS란? Domain Name System 의 약자로, 사이트의 도메인을 IP 주소로 변환해주는 역할을 한다. 우리가 더 이상 휴대폰 번호를 외우지 않아도, 번호를 저장만 해둔다면 연락이 가...

목적 이번엔 URL 구조에 대해 이해하는 시간이다! 한 번 알아보도록 하자. URL 이란? Uniform Resource Locator 의 약자로, 리소스(자원)의 위치를 알려주는 일종의 ‘우편번호’로 이해하면 되겠다. ‘리소스’는 해당 페이지를 위한 HTML 파일이 될 수도 있고, 다운로드할 수 있는 다양한 파일이 될 수도 있다. 아무...

목적 우리가 웹 사이트를 접속하기 위해서 사용하는 대표적인 프로그램을 꼽아보라면 웹 브라우저인 ‘Google Chrome’, ‘Safari’ 등이 있다. 웹 브라우저 덕에 자주 이용하는 사이트에 접속해서 하고 싶은 일(ex. 유튜브 시청, 이메일 기능)을 하곤 한다. 개발자가 아니었다면, 원리를 파고들지 않아도 괜찮지만 나는 ‘웹 개발’을 하기...

문제 상황 검색 기능을 개선하는 과정에서, 검색창을 모달로 구현하기로 결정함. 모달이 나타나면, backdrop 을 만들어 배경을 흐리게 만들고 싶었음. 이렇게! 이 과정에서 모달 내의 input 이 아닌 모달의 외부 영역(backdrop)을 클릭한 경우, 모달이 닫히는 기능을 구현하고자 함. 이를 위해서는 useRef 를...

목적 블로그 이전을 위해, Next.js 와 React Router v7 과 Astro 를 놓고 고민하다 Astro 를 선택하기로 함. Astro..? 검색하면 차은우 그룹이라는 내용만 나오는데요? 나도 처음엔 그랬다. astro 프레임워크 라고 검색하니 그제서야 나왔다. 이제는 astro 라고 검색해도 바로 상단에 노출이 되지만, 여전히 아...

블로그 개발자의 길을 걷기로 결정하면서, 블로그를 통해 일지를 남기는 것을 가장 중요하게 생각했다. 그래서, 어떤 플랫폼에서 블로그를 운영할지 많이 고민했었다. 티스토리, 벨로그, 미디움 등 여러 플랫폼에 가입도 해보고 글도 작성해보았었다. 처음에 선택했던 것은 미디움이었는데, 영어권 개발자들이 많이 이용을 하고 있어서 교류할 수도 있다는게 장점 ...

로그인 기능을 구현해본 적이 없어, 이번에 간단한 프로젝트를 통해 구현해보려고 한다. 물론, BaaS 를 이용해 구현하는 것이긴 하지만 직접 기능을 구현해보는 것에 의의가 있으니 빠르게 해보도록 하자. 전체적인 구현은 Supabase Auth 의 공식문서를 따라 진행할 예정이다. 인증(Authentication)과 인가(Authorization) ...