홈페이지 제작할땐!

비버팩토리

it 언어 노트 36

스와이퍼 미디어 쿼리 문제

스와이퍼 11 버전 사용하는데 미디어 쿼리 브레이크 포인트가 적용한데 버그 생겼다.예를들어서 2개 노드가 있는데 가로 1px로 나오는 버그? 현상이 나고 노드 5개 있을때는 아무런 문제 없다.그래서 챗 지피티한테 물어봤다  🔍 원인 분석Swiper의 컨테이너 크기가 제대로 설정되지 않음.swiper 요소의 width가 너무 작거나 display: none; 상태에서 초기화될 경우, 슬라이드가 **잘못된 크기(예: 1.8px)**로 계산될 수 있음.Swiper가 초기화될 때 breakpoints 적용이 안됨Swiper는 초기화 시점의 컨테이너 크기를 기준으로 슬라이드를 배치하기 때문에, 페이지 로드 이후 display가 변경되거나 스타일이 동적으로 추가될 경우 문제가 발생할 수 있음.Swiper가 초기화..

Google Fonts 사용시 Mixed Content 오류가 발생했습니다.

Google Fonts 사용시 Mixed Content 오류가 발생했습니다. 현재 사이트 **HTTPS(보안 프로토콜)**로 로드되었지만, **HTTP(비보안 프로토콜)**로 Google Fonts를 요청했기 때문에 Mixed Content 오류가 발생했습니다.브라우저는 보안상의 이유로 HTTPS 페이지에서 HTTP 콘텐츠를 차단하기 때문에 요청이 실패합니다.   1️⃣ Google Fonts URL을 HTTPS로 변경현재 태그에서 http://를 **https://**로 변경하면 됩니다.🔹 변경 전html복사편집link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i%7CMerriwea..

그누보드5 rest api

여러 회원님들이 공유해주셔서 이거 참고해서 제작하면 도움될것 같다. https://sir.kr/g5_devlog/59?arm=1888546#c_64 SIR" data-og-description="지난 며칠동안 썸네일과 토큰 오류 사용자 라우터 쪽을 작업했습니다.   썸네일   썸네일은 게시글 조회, 게시글 목록 API 에서 thumbnail 키의 src 에 주소" data-og-host="sir.kr" data-og-source-url="https://sir.kr/g5_devlog/59?arm=1888546#c_64" data-og-url="https://sir.kr/g5_devlog/59" data-og-image="https://scrap.kakaocdn.net/dn/c5m2fg/hyW2Ql..

ci3) The action you have requested is not allowed 해결책

안녕하세요 비버팩토리입니다. 이번에 ci3로 작업을 하다가 보안을 신경 쓰려고 csrf를 활성화시켰습니다.그러다가 The action you have requested is not allowed.  라고 발견 했습니다.과정은 이렇습니다. 관리자 페이지랑 프런트 페이지 둘 다 브라우저 창에 열어둔 상태인데, 어드민 페이지에서 설정 일부를 변경하고 폼 서브밋을 한 후에 프런트단에서 로그아웃을 합니다.관리자 페이지 브라우저로 새로고침을 하면 The action you have requested is not allowed.라고 나옵니다. 혹시나 개발 모드 수정을 하면 증상이 없어지는가 하고 했는데  development => production 이것 또한 아니었습니다. 그렇다고 보안을 해제하면 안되고 해서 구글..

그누보드 이미지 썸네일 생성 후에 느려지는 현상

안녕하세요. 비버팩토리입니다. 이번 주제는 이미지 썸네일 생성 후에 느려지는 현상 에 대해서 설명 남깁니다. 제일 큰 이유는 썸네일 옵션 에서 is_create 옵션을 true 해 놔서 그런 현상이 납니다.즉, 이미지 리사이징할때 자주 새로 생성되어서 느려지는 현상이 제일 큽니다. 나머지는 서버 사양이 낮아서 그럴경우도 있습니다.  아무튼 사용법을 올려봅니다. thumb($filename, $filepath, $filepath, $width, $height, false, true,'center',true,'1'); 6번째 인자가 is_create 옵션 입니다. 여기를 false로 해줍니다.  이걸 그대로 사용하면됩니다. 만약에 게시판에서 사용 하려면 아래 처럼 하면 됩니다. $thumb = get_lis..

ci3 에서 캡쳐 혹은 이미지 썸네일 생성 할때

안녕하세요! 비버팩토리입니다. 이미지 생성 및 캡챠가 생성 안될때 권한은 775 혹은 707 으로 해주세요왠만하면 707로 해주시고 전부다는 말고 일부분만 권한주셔야됩니다. 요새 보안에 민감해서 전부다 주면 안됩니다.  로그 와 캐시 폴더는 707를 주세요 개발 이후에 배포할때는 꼭 봉인해주시구요   https://extbrain.tistory.com/108 [CodeIgniter] 로그(Log) 기록하기▶CodeIgniter 로그(Log) 기록하기 ▶설명 코드이그나이터(CodeIgniter)에서 에러나 정보에 대한 로그(Log)를 기록하는 함수를 제공하고 있습니다. 자세한 내용은 아래의 링크를 참고하여 주시기 바랍니extbrain.tistory.com   나머지는 기능구현이 문제여서.. 기능을 확인하면..

ci3 세션 디비에 저장하기

안녕하세요. 비버팩토리입니다.세션을 디비에 저장하는 방법에 대해서 설명 합니다. https://ciboard.co.kr/user_guide/kr/libraries/sessions.html#session-drivers Session Library ‐ 코드이그나이터 3.0 한글매뉴얼The requested session data item, or NULL if it doesn’t existciboard.co.kr 여기 참고하면 됩니다. 그리고 덧붙어서 설명하자면 아래 드라이버와 save_path를 ci_session 으로 수정하면됩니다.씨아이 보드를 사용한다면 아래 처럼 그대로 따라하면됩니다.$config['sess_driver'] = 'database';$config['sess_cookie_name'] = ..