차근차근 911

robots.txt

1. robots.txt 내용 이런 식으로 중접되지 않게 작성 User-agent: Googlebot User-agent: Yeti User-agent: Daumoa Disallow: /admin/ Disallow: /adin2/ Allow: / User-agent: * Disallow: /admin/ Disallow: /admin2/ Allow: / 2. 검색사이트에서 검색을 했을 때 "웹사이트주소/admin/123" 이 페이지가 노출되지 않았으면 좋겠다는 요청이 있었다. robots.txt설정은 변경했지만 언제 적용되는지 알 수 없기 때문에 1) 네이버 https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 sear..

부트스트랩 5.1 폰트 바꾸기

부트 스트랩으로 개발 중 인데 기존의 느낌을 살려서 디자인해달라고 한다.. '-' 휴..부트스트랩 기본 포트랑은 차이가 있어서 방법 찾아봄.. https://shanepark.tistory.com/429 부트스트랩 기본 폰트 --bs-body-font-family 변경하기 Intro 부트스트랩을 사용 하고 있는데, 전체적으로 기본 폰트를 변경 하려고 하니 --bs-body-font-family가 적용 되어 있어서 변경하는데 까다로운 상황이 있었습니다. 물론 css를 덮어 쓰며 !important; 를 shanepark.tistory.com 여기 글 보고 따라해봄. 안됨. --bs-body-font-family: 내가 사용할 폰트; https://getbootstrap.kr/docs/5.1/customiz..

form 안에 데이터 전체 확인하기

[ 기존 방식 ] //1) select box데이터 var test1_name = document.getElementById("test1_name"); var testName = test1_name.options[test1_name.selectedIndex].value; //2) input type text var test1Info = document.getElementById("test1_info"); //... 확인할 값들을 다 작성하고.. if(testName.value == ""){ alert("testName을 입력해주세요."); test1_name .focus(); return; } 이렇게.. 매번 폼데이터를 확인했었는데... 다른 방식이 있지 않을까 하고 찾아보다가 어차피 ajax로 form..

문자인증번호 바로 읽어오고 싶다.

autocomplete="one-time-code" 추가 문자형식.. 테스트 필요 나는 "[인증번호 : 0000000] 입력해주세요 " 하니까 읽어왔다. https://swieeft.github.io/2020/08/13/MobileAuthNumberAutomaticCompletion.html 인증번호 + 조사 + 인증번호 텍스트 ex) 0000은 인증번호, 0000을 인증번호 등 인증번호 텍스트 + 조사 + 인증번호 ex) 인증번호는 0000, 인증번호를 0000 등 인증번호 + 특수문자 + 인증번호 텍스트 ex) 0000 : 인증번호, 0000 - 인증번호 등 인증번호 텍스트 + 특수문자 + 인증번호 ex) 인증번호 : 0000, 인증번호 - 0000 등 https://im-designloper.tis..

웹앱 모바일에서 숫자키패드 바로 띄우기

1. type="number" pattern="\d* 이렇게 해야 웹사이트를 모바일에서 접속했을 때 키패드 바로 나온다. 2. 근데 타입이 넘버이면 입력칸 오른쪽에 음.. 화살표?가 생기니까 css추가함 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance:none; margin : 0; } input[type=number]{ -moz-appearance : textfield; } + 휴대폰 인증기능 추가 시 인증문자를 바로 받고 싶다면 autocomplete = "one-time-code" + ajax로 form 데이터 post형식으로 보낼 때.. ? input type number데이터 넘어가는지 확..

swiper , tap

[상황] 탭이 4개 있고 1번 탭에 swiper를 사용해서 보여줄 이미지 2개 2번 탭에 swiper를 사용해서 보여줄 이미지 2개 3번 탭에 swiper를 사용해서 보여줄 이미지 2개 4번 탭에 swiper를 사용해서 보여줄 이미지 4개 - 각 슬라이드 영역은 좌우 이동 버튼있음 - 하단 페이지네이션 버튼 있음 - 오토플레이+loop 문제점1) 이미지 슬라이드 영역을 style:block; style:none;으로 탭에 따라 css설정을 바꾸면 간헐적으로 슬라이드의 (좌우버튼)이 누리긴 하나 작동을 하지 않는 문제 있음 - 하단 페이지네이션 버튼을 누르거나 이미지 자체를 좌우로 한번 움직여 주면 버튼이 정상 작동하였음. 문제점1- 해결) swiper 생성 스트립트를 처음 페이지 불러올 때..

카카오 개발자 컨퍼런스 - 2022년 10월 15일 발생한 서비스 장애 원인 분석과 개선 사항

https://if.kakao.com/2022/session/1 #카카오 #개발자컨퍼런스 #키노트 #원인분석 #재발방지 #미래투자 2022년 10월 15일 발생한 서비스 장애 원인 분석과 개선 사항을 공유합니다. 1. Our Social Mission - 카카오의 사회적 소명과 유사 사고 재발 방지를 위한 앞으로의 각오와 의지를 담았습니다. - 발표자 : 비상대책위원회 재발방지대책 공동 소위원장, 남궁훈 (nkay.play) 2. 1015 장애원인 분석 - 카카오 서비스 장애에 대한 원인을 객관적으로 분석했습니다. - 발표자 : 비상대책위원회 원인조사 소위원장, 이확영 (Grepp CEO) 3. 달라지는 카카오 1) 재발방지를 위한 기술적 개선 - 복구가 늦어진 주요 원인과 향후 재발방지를 위한 기술적 ..

반응형