그냥, 일단 써내려가자

[사이트] Vercel 배포 사이트 개인 도메인 연결하기 (호스팅kr/DNS 설정)

안녕하세요 무택입니다 :)이전에 올린 깃허브와 베르셀을 이용해 무료 사이트 만들고 배포하기에 이은 개인 도메인 연결하는 방법에 대해 써보려고 합니다. Vercel은 훌륭한 배포 편의성을 제공하지만, 기본 제공되는 vercel.app 도메인은 사이트의 브랜딩과 신뢰도 측면에서 아쉬움이 남습니다. 내 프로젝트를 정식 서비스처럼 보이게 하려면 개인 도메인(Custom Domain) 연결은 필수입니다 오늘은 국내에서 많이 사용하는 도메인 등록 업체인 호스팅kr(HostingKR)을 기준으로, Vercel 프로젝트에 나만의 도메인을 연결하고 DNS(Domain Name System, 사람이 읽을 수 있는 도메인 이름을 기계가 읽을 수 있는 IP 주소로 변환하는 시스템) 설정을 마치는 과정을 단계별로 정리해 보겠습..

[사이트] 서버 비용 0원! 깃허브와 베르셀(Vercel)로 평생 무료 웹사이트 만들기

안녕하세요 무택입니다 :)오늘은 내 지갑을 지키면서 나만의 웹사이트를 운영하는 방법을 공유하려고 합니다. 보통 간단한 웹사이트나 포트폴리오를 만들려고 하면 가장 먼저 '호스팅(Hosting)'과 '서버 비용'을 걱정하게 됩니다. 카페24나 가비아 같은 곳에서 유료 호스팅을 구매해야 할지, AWS 같은 복잡한 클라우드를 써야 할지 막막하셨을 텐데요. 결론부터 말씀드리면, 간단한 웹사이트나 블로그는 돈을 낼 필요가 전혀 없습니다. 바로 개발자들의 필수품인 깃허브(GitHub)와 차세대 배포 플랫폼인 베르셀(Vercel)을 조합하면 되는데요. 이 두 가지를 활용하면 다음과 같은 엄청난 장점이 있습니다.비용 0원: 개인 프로젝트 수준에서는 평생 무료에 가깝습니다.초고속 배포: 코드를 수정하고 저장하면 사이트가 ..

안녕하세요 무택입니다 :)오늘은 많은 분들이 좋아할 만한 콘텐츠인, 여러 가지 AI 모델들을 한 곳에서 사용할 수 있는 사이트를 알려드리려고 합니다. 바로 LMArena 사이트입니다. 요즘 AI 모델들이 대표적인 것만 해도 제미나이, 챗지피티, 그록, 클로드 등 너무 많은데 이 모델들이 최신 버전으로 업데이트되고 누가 더 좋다니, 어떤 건 뭐가 더 뛰어나다니.. 정보다 너무 많죠. 이런 애로사항을 해결할 수 있도록 한 사이트에서 모든 AI 모델의 기능을 테스트해 볼 수 있는 사이트가 바로 LMArena입니다. LMArena는 블라인드 투표 방식으로 어떤 모델이 더 뛰어난지 알 수 있는 방식을 사용하고 있고 대표적인 기능으로는 1번 AI 모델에 질문 및 비교 2번 모델들 순위 확인하기입니다. 자세한 내용은..

안녕하세요 무택입니다 :)오늘은 VS Code(Visual Studio Code)를 사용해 원격 서버에 접속할 때, 번거롭게 폴더를 일일이 열 필요 없이 모든 폴더 구조를 한 번에 불러오는 꿀팁을 알려드리려고 합니다. 저는 FTP에 접속할 때 FTP-Simple 확장 프로그램을 사용하는데, 이 프로그램을 사용하는 사용자를 위한 아주 유용한 설정이니, 꼭 따라 해보세요! VS Code에서 FTP-Simple로 원격 서버 폴더 한 번에 불러오기1단계: VS Code 설정 열기가장 먼저 VS Code의 설정 화면으로 이동해야 합니다.VS Code 상단 메뉴에서 '파일(File)' 을 클릭하세요.드롭다운 메뉴에서 '기본 설정(Preferences)' 으로 마우스를 가져가면 하위 메뉴가 나타납니다.여기서 '설정(..

지난 3편에 이어서 이번에는든든전세 계약, 은행 대출에 대해 써보겠습니다!HUG 든든전세 계약제가 지난 편에서는 주택열람을 하고 HUG 측에 '저 이 집 계약할게요!' 문서까지 보낸 상황이었는데 그럼 이제는 계약하러 갈 날을 정해서 예약해야 합니다.■계약체결 일정: 7.1(화)~8.14(목) 10~16시(12~13시 제외) 지난 편에 쓴 것처럼 계약체결 일정이 있는데 이제 내가 언제 계약하러 갈 건지 네이버 예약에서 예약을 하면 됩니다. '주택도시보증공사 든든전세임대센터' 라고 검색하면 HUG의 서울지사가 나오는데 계약체결 기간 동안은 예약 기능이 생겨서 한시간 텀으로 예약을 정할 수 있어요. 저는 8월 초에 방문해서 계약하기로 결정하고 입주일 결정, 준비물을 준비했어요. 입주일은 계약일로부터 1~3개..

1편 [HUG 든든전세] 생생한 당첨후기 이야기 1편. 소개, 신청자격 등안녕하세요 무택입니다 :)오늘은 제가 최근에 HUG 든든전세를 신청하고당첨된 내용에 대해 써보려고 해요.중간중간에 정말 도움 되는 내용들이 많으니HUG 든든전세를 신청하고 기다리고 계신다mu08.tistory.com 2편 [HUG 든든전세] 생생한 당첨후기 이야기 2편. 서류제출 대상자 선정[HUG 든든전세] 생생한 당첨후기 이야기 1편. 소개, 신청자격 등안녕하세요 무택입니다 :)오늘은 제가 최근에 HUG 든든전세를 신청하고당첨된 내용에 대해 써보려고 해요.중간중간에 정말 도움 되mu08.tistory.com 든든전세 당첨자 발표이번에는 당첨자 발표, 주택열람에 대해 포스팅해 보겠습니다앞서 1편에서 말했듯이 저는 당첨자가 아니라..

안녕하세요 무택입니다 :)오늘은 저번 주말에 다녀온 2025 한강 나이트워크에 대해 포스팅해 볼게요!가장 긴 코스인 42km를 신청해서 걷고 왔는데..힘든 걸 떠나서 다음에는 참가 안 할 것 같습니다.이유는 밑에 내용에서 말씀드릴게요! 2025 한강 나이트워크 후기2025 한강 나이트워크는 '어반스포츠'에서 개최하는 행사인데한여름인 이맘때쯤 저녁~밤에 한강을 따라 걷는 행사예요.벌써 4년째 진행하고 있는 행사인데 이번에도참가자를 12,000명이나 받은 행사인만큼 규모가 작진 않죠. 행사 몇 달 전부터 신청을 받고 신청하면 참가에 필요한 물품들을택배로 보내주는데 올해는 아래의 물건들을 보내줬어요.배낭 겸 조끼, 티셔츠, 배번호, 양말, 빛나는 키링, 땅콩잼, 써모스 할인 쿠폰이렇게 물건들을 보내주는데 행..

[HUG 든든전세] 생생한 당첨후기 이야기 1편. 소개, 신청자격 등안녕하세요 무택입니다 :)오늘은 제가 최근에 HUG 든든전세를 신청하고당첨된 내용에 대해 써보려고 해요.중간중간에 정말 도움 되는 내용들이 많으니HUG 든든전세를 신청하고 기다리고 계신다mu08.tistory.com 이번에는 지난 편에 쓰던 내용에 이어서서류제출 대상자로 선정되었을 때에 대한 내용을 써볼게요! 서류제출 대상자 선정지난 편에 꿀팁으로 썼지만 저는 지원자가 적은 주택에 지원했어요.역에서 거리는 조금 있지만 지원자가 적고 채광이 좋아 보여서지원했는데 바로 서류제출 대상자로 선정되었어요. 그래서 발표날에 바로 카톡으로 서류제출하라고 연락이 왔고제출 서류는 아래 사진과 같은데 든든전세 소개 페이지에 나와있어요. 제출 서류는 오프..

안녕하세요 무택입니다 :)오늘은 제가 최근에 HUG 든든전세를 신청하고당첨된 내용에 대해 써보려고 해요.중간중간에 정말 도움 되는 내용들이 많으니HUG 든든전세를 신청하고 기다리고 계신다면꼭 읽어보시는 걸 추천드려요! HUG 든든전세란? HUG 든든전세는 주택도시보증공사(HUG)가시중의 빌라, 오피스텔 등을 매입해서시중 가격의 90%로 임대해 주는 공공임대주택이에요. 보통 전세사기당해서 경매로 나온 매물을매입해서 임대를 내놓는 걸로 알고 있어요. 그래서 HUG 든든전세의 신청 목록에는전세사기가 많았던 인천이나 강서구에 매물이 많아요. HUG 든든전세 신청자격은?이 HUG 든든전세의 큰 장점이 바로 신청자격에 있는데,"무주택 세대주이거나 무주택세대의 구성원"이면누구나 신청할 수 있어요.즉 소득이나 자산은..

안녕하세요 무택입니다 :)오늘은 간단한 기능 한 번 소개해드리겠습니다.위 이미지는 썸네일용이라 선이 굵고 이상하긴 한데 선이 뭔가 몽글몽글하고 지글지글한 효과가 들어갔는데 이 선을 어떻게 만드는지 한번 알아봅시다! 포토샵 지글지글한 효과 만들기1. 우선 효과를 적용할 모양을 만들고, 레이어를 선택해 줍니다. 2. 레이어를 선택한 상태에서 [필터 - 왜곡 - 잔물결]을 선택해 주세요. 3. 그러면 모양을 스마트 오브젝트로 만들 건지, 래스터화 시킬 건지 물어보는데 스마트 오브젝트로 만드는 걸 추천드려요. 그래야 나중에 설정을 수정하기 편하거든요. 이유가 궁금하면 "[포토샵 개념]고급개체 레이어는 왜 쓰는걸까?"글을 참고해 주세요. 위 창을 띄운 후 설정값을 조정하면 지글지글한 선 효과를 낼 수 있습니다.아..