전체 글

1. 도메인 구매아래 링크에서 도메인을 구매한다.( 링크 -> 도메인 -> 도메인 검색) https://domain.gabia.com/regist/regist_domain구매 완료 후 My 가비아 -> 도메인 에서 표시한 도메인 주소를 복사한다   2.  DNS 설정 변경my 가비아 -> 도메인 -> DNS 관리툴 -> 설정 -> DNS 설정 -> 레코드 수정 위 사진과 같이 변경 후 저장한다. (아래 복붙)A@76.76.21.21CNAMEwwwcname.vercel-dns.com.   3. Vercel 프로젝트 설정 변경Vercel -> 프로젝트 클릭 -> Settings -> Domain1번 과정에서 복사한 도메인 주소를 붙여넣기 한다.([ The specified value " soonting.si..

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

// index.css 에 추가 html, body, #root { width:100%; height:100%; }