Lab 9

내 서비스를 위한 도메인을 구매하고 서브도메인 설정하는 방법까지 소개하고자 합니다. 도메인은 .com 이 아니면 구매하실 때 저렴하지만, 아무래도.com을 사야 더 공식적인 느낌이 듭니다.도메인 구매 사이트는 여러 곳이 있는데 어디서 구매하실 지 고민이 되실 겁니다.조사한 도메인 구매 사이트를 한 번 확인해보세요. 도메인 구매 사이트 가격 비교국내사이트사이트공식 주소.COM 1년 신규 등록가.COM 1년 연장비용특징가비아https://www.gabia.com17,000원24,000원 (부가세 포함 26,400원)연장 기간이 길수록 할인율 적용 (최대 9년 10% 할인)호스팅케이알https://www.hosting.kr15,200원14,980원 (부가세 별도)신규등록/기간연장/기관이전 모두 동일 가격 정책..

프로젝트를 진행하다가 자주 사용될 수도 있는 테이블인데, 이를 일반 테이블로 만들긴 개인적으로 애매하다는 생각이 들었습니다. 외부의 API를 이용하여 처리한 결과를 따로 저장할지 말지 고민중이었습니다. 서버 경험은 많지 않지만, 굳이 이걸 저장까지 해야하나? 라는 생각이 들었습니다.. 이걸 해결할 수 있는 방법을 찾아보다가 캐시 테이블(Cache Table)이란 것을 알게 되어 이번 게시글에서 정리하고 소개해보려 합니다. 1. 캐시에 대한 정보캐시의 정의자주 사용되는 데이터나 값을 임시로 저장해두는 고속 데이터 저장소 또는 계층.캐시를 사용하면 동일한 데이터에 대한 반복적인 요청이 있을 때, 원본 데이터 저장소 보다 훨씬 빠르게 데이터를 이용할 수 있다. 캐시의 특징고속성: 캐시는 메모리 등 빠른 저장..

새로 구현하고 싶은 아이디어가 떠올랐습니다.아예 새로운 도메인을 생성해서 배포할지, 내가 가지고 있는 사이트에 해당 서비스를 추가하는 방향으로 갈지 등등 고민을 하게 되었습니다.어떤 차이가 있고, 어떤 것을 적용하면 좋을지 알아보려고 합니다.개념 및 구조서브디렉터리(Subdirectory, 서브폴더)메인 도메인 내의 하위 폴더로, 같은 사이트 내에서 콘텐츠를 분류하는 구조입니다.예시: map.naver.com/bus, cafe.naver.com/[카페이름]메인 도메인의 일부로 간주되어 동일한 권위와 신뢰도를 공유합니다.서브도메인(Subdomain)메인 도메인 앞에 별도의 이름을 붙여 독립적인 영역처럼 운영하는 구조입니다.예시: map.naver.com, cafe.naver.com메인 도메인과는 별도의 사..

오랜만에 Next.js 기반으로 개발을 해보려고 했는데 아래와 같은 에러가 발생했다.아뿔싸! 내가 개발을 하지 않던 사이에 서버 컴포넌트가 세상을 점령했던 것이다.기본적으로는 서버 컴포넌트라고 보면 된다.이번 글에서는 'use client'가 뭔지 언제 사용해야 하는지 알아볼 예정이다. use Client란?use Client란, 해당 컴포넌트가 클라이언트 컴포넌트(Client Component)임을 나타내는 지시어(directive)이다.클라이언트 컴포넌트란, 클라이언트에서 렌더링 되는 렌더 트리의 컴포넌트다.=>사용자와 상호 작용을 할 수 있는 컴포넌트라는 뜻이다.클라이언트 컴포넌트에 대해서 알아보았다. Q. 사용자와 상호 작용이 어떤 것을 의미할까?- useState, useEffect, useCo..

💡 Middleware allows you to run code before a request is completed. Then, based on the incoming request, you can modify the response by rewriting, redirecting, modifying the request or response headers, or responding directly. (출처: next 공식 문서) 즉, 미들웨어란 요청이 완료되기 전에 실행되는 코드. 다음 요청에 따라 요청 or 응답 헤더도 수정이나 응답 수정이 가능합니다. NextReseponse API를 통해 할 수 있는 작업들 redirect/rewrite 작업 redirect: 다른 url로 이동 rewrite: ..

DOM에 직접 HTML tag를 넣는 일은 지양하려고 하지만, 때때로 작업이 필요할 때가 있다. 리액트에서는 dangerouslySetInnerHTML을 사용하면 이러한 작업을 수행할 수 있는데, 해당 케이스에서 특수한 스타일을 추가해야 해다. className을 정하고 짜잔.. 실행을 했을 때는요? 화면에서는 아무런 변화가 없었다. https://github.com/styled-components/styled-components/issues/3347 How styled-components interact with inline styles created by dangerouslySetInnerHTML? · Issue #3347 · styled-components/styled It's a question,..