Lab 9

어느날 디스코드에 들어가보니 많은 사람들이 태그를 달고 있는데,엄청 예쁘더라고요.owo, cute 등 다양한 태그들이 많더라고요.이거, 무료입니다. 누구나 할 수 있어요! "길드태그(혹은 서버 태그)"는 길드(서버)의 정체성을 나타내는 4자 이내의 짧은 태그로, 길드원들이 디스코드 전역에서 착용할 수 있는 일종의 뱃지 역할을 합니다. 서버 태그 적용 방법이런 태그를 가진 디스코드 서버에 가입해서 (무료) 태그를 받으실 수 있어요. 👇 태그를 가진 서버들이 어떤 곳이 있는지 궁금하시다면 아래의 사이트를 방문해보세요. https://www.pickadoo.online/ko/discord-tags 마음에 드는 태그를 고르셨다면, 서버 참가하기 버튼을 누르세요.가입 절차가 모두 완료 되고 나면 사용자 설정으로..

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

고물가 시대, 경제난..요새 먹고 살기 참 힘듭니다. 저도 부업으로 할 수 있는 일이 없을까 찾다가 알게 되었는데요,바로 아웃라이어(Outlier) 부업입니다.진짜 달달한 수익을 얻을 수 있는 거 같아 소개 드립니다. 아웃라이어 소개아웃라이어는 AI 모델 답변을 평가하거나 데이터 라벨링을 하는 글로벌 플랫폼입니다.아웃라이어는 서비스 이름이고, 스마트에코시스템이라는 미국에 등록된 법인 회사에서 운영하는 서비스라고 합니다.Scale AI라는 회사의 자회사입니다.이곳에서 평가를 받아 업무를 할당 받게 되고, 이 업무들을 끝까지 완주하면 그 업무에 대한 급여를 지급 받을 수 있어요. 회사나 사업장이 아닌, 내 집에서 혹은 카페에서새벽이나 낮에도시간과 장소에 굴하지 않고 편하게 일할 수 있어요. 사기, 다단계 아..

이제 AI 없이 개발하는 삶을 잊었습니다.95%는 AI 코딩 에디터가 수정하면 코드를 검토하고 저는 프롬프트만 입력하고를 반복했습니다.그렇게 해도 뭔가가 만들어지고 있다는 게 신기합니다.Cursor 1달, Windsurf 한 달 각각 사용해보고 어땠는지 알려드리고자 합니다!Windsurf의 경우 아래에 레퍼럴 링크를 남겨두었으니 혹시 가입해보실 분은 이용해보세요!1. 가격 차이, 작지만 무시 못 해요Cursor는 월 20달러입니다.하지만 연간 결제시 16달러로 떨어집니다.반면 Windsurf는 월 15달러입니다. 아쉽게 연간 결제는 없어요.💡 정리하자면, 단순 비용 기준으론 Windsurf가 달에 1$ 더 이득입니다.2. 인터페이스와 사용 경험둘 다 VS Code 기반이라 그런가 사용할 때 비슷한 느낌..

오랜만에 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,..