전체 글
도메인 구매 아래 링크(가비아)에서 도메인을 구매한다. https://domain.gabia.com/regist/regist_domain 가비아: 대한민국 도메인 점유율 1위대한민국 100만 도메인 등록 업체domain.gabia.com이 때, 도메인 구매 시 기본 기간이 3년으로 설정되어 있지만 할인은 1년치에만 적용되기 때문에 1년으로 선택한다. DNS 설정 위 사진과 같이 변경 후 저장합니다. (아래 복붙)A@76.76.21.21CNAMEwwwcname.vercel-dns.com.도메인을 복사합니다. Vercel 도메인 변경도메인을 변경할 프로젝트를 클릭합니다. Settings > Domains 정상적으로 도메인이 등록되었습니다.이제 3개의 도메인을 통해 접속이 가능합니다. 유의사항만약 도메인 ..
Vercel 배포 방법 1. github에 레포지토리를 만든다.(Public / Private 모두 가능이기 때문에 소스코드 공유 싫으면 Private로 레포 생성) 2. Vercel 회원가입 및 github 연동 (github으로 회원가입해야 레포지토리가 연동되는지는 모르겠음 웬만하면 깃헙으로 회원가입 ㄱㄱ) 3. Vercel에서 github 레포지토리(repositories) 불러오기(import) 4. Vercel 프로젝트 생성 및 설정 배포 이후 유지보수 1. 깃헙 레포지토리 클론한다. 2.유지보수 작업 후 커밋 3. npm run build 를 통해 재배포 github 호스팅에서 Vercel로 호스팅 서비스 변경 만약 gh-pages 를 이용한 github 호스팅을 이용하는 중이었고 Browse..
1. public 폴더 아래 background.jpg 이미지를 넣는다 2. 아래 코드 참고하여 배경 이미지를 적용할 DOM에 background-image 속성을 적용한다 const Background = styled.div` height: 100%; background-image: url("./background.jpg"); background-repeat: no-repeat; /* 배경 이미지 반복 설정 */ background-size: cover; /* 배경 이미지 크기 조절 (cover, contain 등) */ background-position: center; /* 배경 이미지 위치 조절 */ `; + 필자는 아래 참고자료를 참고해 경로를 background-image: url("/back..
https://wildeveloperetrain.tistory.com/146 Javascript Cookie 쿠키 저장, 가져오기, 삭제 함수 쿠키(Cookie) 개념, 본격적으로 코드를 보기 전에 쿠키(Cookie)의 개념부터 간단하게 살펴보면, HTTP 쿠키는 웹 브라우저(web browser)에 저장되는 4KB 크기를 가진 문자열입니다. 기본적으로 HTTP 프로토콜 wildeveloperetrain.tistory.com
https://burndogfather.com/271 카카오톡/라인 인앱브라우저에서 외부브라우저 띄우기 (2023.09.21 최신 - inapp browser bypassing)이전부터 카카오톡 등과 같은 메신저에서 인앱브라우저를 강제하는 불합리한 조치를 우회하기위해 다양한 방법을 이 블로그에 포스팅해왔었다. ftp프로토콜을 활용한 우회방법 : https://burndogfathburndogfather.com https://brunch.co.kr/@b30afb04c9f54dc/45 카카오톡은 왜 인앱 브라우저를 고수할까인앱브라우저와 인앱결제에 대하여 | 카카오톡,인스타그램은 왜 인앱 브라우저를 고수하는걸까? 친구가 카카오톡으로 공유해준 인스타그램 게시글 링크를 선택하면, 인스타그램으로 바로 넘어brunc..
const Component = () => { const [genderMale, setGenderMale] = useState(null); const [genderFemale, setGenderFemale] = useState(null); ////////// 성별 변경(남자) const ChangeGenderMale = () => { setGenderFemale(false); setGenderMale((prev) => !prev); }; ////////// 성별 변경(여자) const ChangeGenderFemale = () => { setGenderMale(false); setGenderFemale((prev) => !prev); }; return ( 남자 여자 ); }; const GenderBut..
https://codingbroker.tistory.com/66 [HTML, CSS] 스크롤바 스타일(디자인)하는 방법 - webkit-scrollbar 스크롤바 스타일에 관한 웹표준은 존재하지 않습니다. 다만 wekbit 브라우저(크롬, 사파리, 오페라)에 한해서 가상요소를 사용하여 스타일을 적용할 수 있습니다. 다음과 같이 스크롤바가 생성된 codingbroker.tistory.com