Oh Hyun, DoorWeb의 작성자

아마존 라이트세일 SSL 인증서

클릭을 하고 SSH로 연결을 합니다.

창이 열리면 가장 상단에
sudo /opt/bitnami/bncert-tool
를 입력합니다.

입력하고 나면 도메인을 적으라고 나옵니다. 연결되어 있는 도메인을 적어주신 다음에 Y를 클릭하시면 됩니다.
이게 끝나면 또 물음이 나오는데

Y,N,Y,Y 순서로 입력하시면 됩니다.

라이트세일 워드프레스 관리자 비밀번호 찾기

라이트세일에서 워드프레스를 생성하면 비밀번호를 못 찾을 때가 많다.
그래서 라이트세일에서 생성한 워드프레스의 아이디와 비밀번호 찾기를 해 보겠다.
먼저 라이트세일에 로그인하기.

여기서 로그인을 하면

라이트세일을 클릭하면
워드프레스 목록으로 넘어갑니다.

워드프레스 이름을 클릭하면 설정 창으로 넘어갑니다 그 페이지에서

1번을 클릭하면 3번 창이 나오고 2번을 클릭해서 복사후 3번에 붙혀넣기를 하시면
값이 노출이 되는데
application_password 다음에 오는 3번이 비번이 됩니다.

관리자 로그인으로 접속한 다음(도메인/wp-admin) Username에 user을 입력 후 방금 찾은 비밀번호를 입력 후 로그인합니다.

라이믹스 smtp.gmail.com 연동하기

라이믹스에서 게시글이 작성 되었을때 메일로 받아보고 싶을때가 있다.
그때 Gmail로 돌려서 메일 발송을 하는 방법입니다.

먼저 Gmail에 로그인을 한 다음에

구글 계정 관리를 클릭합니다.

보안에서 2단계 인증이 되어있어야 하며 그 조건에서 상단 검색창에서

앱 비밀번호를 클릭하신 다음에

만들기를 클릭한 다음에

비밀번호를 찾아서 입력하면 됩니다.

08/27 – 18,100

수정은 카테고리로 접근 비율이 높고
사이트 만들기는 사이트라는 단어로 많이 걸리는 듯

Cloudflare에서 SSL 인증서

Cloudflare Dashboard | Manage Your Account 에서 로그인 하기

SSL/TLS 페이지로 이동

SSL/TLS 메뉴 → Origin Server → Create Certificate

도메인 확인 후 생성

Elementor #3359

기타 팁

아마존 라이트세일 SSL 인증서

클릭을 하고 SSH로 연결을 합니다. 창이 열리면 가장 상단에 sudo /opt/bitnami/bncert-tool를 입력합니다. 입력하고 나면 도메인을 적으라고 나옵니다. 연결되어 있는 도메인을 …

2025년 09월 24일

기타 팁

라이트세일 워드프레스 관리자 비밀번호 찾기

라이트세일에서 워드프레스를 생성하면 비밀번호를 못 찾을 때가 많다.그래서 라이트세일에서 생성한 워드프레스의 아이디와 비밀번호 찾기를 해 보겠다.먼저 라이트세일에 로그인하기. 여기서 로그인을 …

2025년 09월 24일

기타 팁

라이믹스 smtp.gmail.com 연동하기

라이믹스에서 게시글이 작성 되었을때 메일로 받아보고 싶을때가 있다.그때 Gmail로 돌려서 메일 발송을 하는 방법입니다. 먼저 Gmail에 로그인을 한 다음에 구글 …

2025년 09월 23일

그누보드 상품상세정보 주소바꾸기

UPDATE g5_shop_item
SET it_explan = REPLACE(it_explan, 'https://oldsite.com/data/editor/', 'https://newsite.com/data/editor/');

카페 24 사용자 정의가 안될때페 24 사용자 정의가 안될때

이런 경우는 통상 메모리 리미트가 부족한 경우가 많습니다.
이건 카페24의 워드프레스 호스팅에서 보이는 현상이고 일반적일때는 문제가 안되는데 외부에서 설정된 쇼핑몰 샘플처럼 용량이 많은걸 불러올때 종종 메모리 부족 현상으로 사용자 정의가 작동 안할때가 있습니다.

먼저 .htaccess 파일에 다음과 같은 코드를 추가합니다.

php_value upload_max_filesize 512M
php_value post_max_size 512M
php_value max_execution_time 600
php_value max_input_time 300
php_value memory_limit 512M
php_value max_input_vars 5000

추가로 wp-config.php 파일에 다음과 같은 라인을 추가합니다.

define( 'WP_MEMORY_LIMIT', '512M' );

를 추가합니다.

사이트 수정 시 www 없이 확인하세요

얼마 전, 한 고객으로부터 사이트 수정 후 변경 사항이 반영되지 않는다는 요청을 받았습니다. FTP를 통해 서버에 접속해 확인해 보니, 수정한 파일이 정상적으로 반영되어 있었고 코드에도 문제가 없었습니다. 하지만 브라우저에서 확인해 보면 여전히 이전 버전의 화면이 표시되었습니다.

이런 경우 브라우저 캐시나 쿠키 문제일 가능성이 높다고 판단해, 고객에게 캐시를 지우고 새로고침해볼 것을 안내했습니다. 하지만 고객이 동일한 문제를 계속 겪고 있다고 하여 다시 점검하게 되었습니다.

문제의 원인: www 유무에 따른 차이

한참을 고민하다가, 고객이 접속하는 URL과 제가 접속하는 URL이 다르다는 사실을 발견했습니다. 고객은 www.example.com을 통해 사이트를 보고 있었고, 저는 example.com으로 직접 접속해 변경 사항을 확인하고 있었습니다.

일반적으로 www.example.com과 example.com은 같은 사이트처럼 보이지만, 실제로는 서버 설정 및 캐싱 방식에 따라 다르게 동작할 수 있습니다. 특히, 다음과 같은 이유로 www가 포함된 주소와 포함되지 않은 주소가 서로 다른 캐시 정책을 가질 가능성이 있습니다.

서버 설정 차이
- 일부 서버에서는 www.example.com과 example.com을 별도의 호스트로 취급합니다.
- 따라서 각각의 주소에 대해 별도의 캐싱 규칙이 적용될 수 있습니다.
쿠키 적용 범위 차이
- www.example.com에서 설정된 쿠키는 기본적으로 example.com에서 공유되지 않습니다.
- 반대로 example.com에서 설정된 쿠키는 www.example.com에서도 사용할 수 있도록 설정할 수 있지만, 반드시 그렇게 설정된다는 보장은 없습니다.
CDN 및 프록시 캐시
- www.example.com과 example.com이 동일한 서버로 연결되더라도, CDN이나 프록시 서버에서 각각 별도의 캐시 정책을 적용할 수 있습니다.
- 예를 들어, www.example.com은 장기 캐시가 설정되어 있고, example.com은 상대적으로 짧은 캐시가 설정될 수 있습니다.
일반적인 사용자 습관
- 많은 사용자들은 브라우저에서 “www”를 생략하고 사이트에 접속하는 경우가 많습니다.
- 이를 감안하여 www.example.com보다 example.com의 캐시 기간을 짧게 설정해 더 자주 변경 사항이 반영되도록 하는 경우가 있습니다.

결론

이번 경험을 통해 같은 사이트라고 하더라도 “www” 유무에 따라 캐시와 쿠키 정책이 다르게 적용될 수 있다는 사실을 깨달았습니다. 서버 설정, 쿠키 정책, CDN 캐싱 등이 복합적으로 영향을 미치기 때문에, 사이트 수정 후 변경 사항이 반영되지 않는다면 반드시 고객이 접속하는 URL과 본인이 확인하는 URL이 일치하는지 먼저 확인해야 합니다.

앞으로는 이런 문제가 발생하지 않도록, www.example.com과 example.com을 통합하는 방식으로 리디렉션을 설정하고, 캐시 정책을 명확하게 관리하는 것이 중요하다는 점을 배우게 되었습니다.

자주 실수하는 올바르지 않은 헤딩 구조

기존 방식의 문제점

<div class="text-content">
    <span>Timeless Design</span>
    <h3>실내 인테리어</h3>
    <p>공간에 감성을 더하고, 삶에 아름다움을 선사하는 디자인의 새로운 기준</p>
</div>

<h3> 앞에 <span>이 배치되면서 잘못된 헤딩 계층 구조가 발생
<span>은 제목 역할을 하지 못하기 때문에 비의미적 마크업이 됨
검색 엔진(SEO) 및 웹 접근성(Accessibility) 문제 발생 가능

해결 방법 1: 올바른 헤딩 구조 적용

서브 타이틀을 <h4>로 설정하고, 스타일로 크기 조정

HTML

<div class="text-content">
    <h4>Timeless Design</h4>
    <h3>실내 인테리어</h3>
    <p>공간에 감성을 더하고, 삶에 아름다움을 선사하는 디자인의 새로운 기준</p>
</div>
<style>
h4 {
    font-size: 1.2em; /* 작은 제목 크기 */
    font-weight: normal; /* 강조 효과 줄이기 */
    text-align: center; /* 가운데 정렬 (선택 사항) */
    margin-bottom: 5px; /* 제목과의 간격 */
}
</style>

장점:

논리적인 문서 구조 유지
HTML의 의미론적 태그 사용 → SEO와 웹 접근성 개선
스타일을 통해 <h4>를 서브 타이틀처럼 작은 폰트로 표현 가능

해결 방법 2: Flexbox를 활용한 순서 조정

HTML 순서는 유지하고, CSS를 사용해 서브 타이틀을 먼저 보이게 설정

<div class="text-content">
    <h3>실내 인테리어</h3>
    <span>Timeless Design</span>
    <p>공간에 감성을 더하고, 삶에 아름다움을 선사하는 디자인의 새로운 기준</p>
</div>
<style>
.text-content {
    display: flex;
    flex-direction: column;
}
span {
    order: -1; /* 가장 먼저 배치 */
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
p, h3 {
    order: 1; /* 나중에 배치 */
}
</style>

장점:

HTML 구조를 변경하지 않고 순서만 조정 가능
SEO 영향 없이 화면에서만 순서 변경
유지보수 용이

결론

서브 타이틀이 제목보다 먼저 보여야 할 경우, <h4> 태그를 사용하고 스타일을 조정하는 것이 가장 좋은 방법
<span>을 사용해야 한다면 Flexbox를 활용해 순서를 조정하는 것이 최선
SEO와 접근성을 고려하면 <h4> 방식이 더 적절

호스팅 선택하기

일반적으로 많이 알려진 웹 호스팅 서비스로는 카페24와 가비아가 있습니다.

✅ 가비아

📌 호스팅 신청 페이지에서 신청할 수 있으며, 일정한 가격대로 제공됩니다.

장점

보안이 뛰어납니다. 작업이 까다로운 만큼 해킹에 안전한 편입니다.

단점

가격대가 다소 높은 편입니다.
현재(오늘 기준) PHP 7.4까지만 지원하고 있습니다.
PHP 버전이 올라가면 사이트 이전이 필요할 수도 있습니다.

✅ 카페24

📌 호스팅 신청 페이지에서 신청 가능하며, 다양한 가격대가 있습니다.

장점

호스팅 업체 중 사용자가 많아, 인터페이스가 직관적이고 사용이 편리합니다.
PHP 8.2까지 지원하여, 보다 안정적으로 워드프레스를 운영할 수 있습니다.
- (참고: 워드프레스가 공식적으로 지원하는 PHP 버전은 7.4가 마지막입니다.)
PHP 8.x 버전 내에서는 서버 이전 없이 업그레이드가 가능합니다.

✅ PHP 버전과 향후 고려 사항

몇 년간 사이트를 운영할 계획이라면, 워드프레스가 PHP 7.4 지원을 종료한 후 가비아도 PHP 8.x 버전을 제공할 가능성이 높습니다.

하지만 가비아는 PHP 버전에 따라 별도의 서버를 운영하는 방식이므로, 상위 버전으로 업그레이드하려면 사이트 이전 과정을 거쳐야 합니다.

용량이 작은 사이트라면 큰 문제 없이 이전할 수 있지만, 과정 자체가 번거로울 수 있습니다.

반면, 카페24는 같은 PHP 8.x 버전 내에서 상위 버전으로 변경할 때 서버 이전이 필요 없습니다.

즉, 굳이 사이트를 이동하지 않아도 된다는 장점이 있습니다.

✅ SSL(HTTPS) 비용 차이

가비아: SSL 설치 시 연간 약 3만 원의 추가 비용이 발생합니다.
카페24: PHP 8.x 버전에서는 무료로 SSL을 설치할 수 있습니다.

✅ 결론: 카페24 추천

위의 여러 요소를 고려했을 때, 개인적으로는 카페24를 추천드립니다.
사용이 편리하고 PHP 업그레이드가 자유로우며, SSL 비용 부담도 적기 때문입니다. 하지만 보안이 가장 중요하다면 가비아도 고려해볼 만한 옵션입니다.

Kboard 에서 입력필드를 이용한 파일 다운로드 버튼 생성

kboard에서 입력 필드의 파일 첨부 기능을 활용하여 다운로드 버튼을 만들려면, file1과 file2 메타키를 기준으로 다운로드 링크를 생성하면 됩니다.

예를 들어, 업로드된 파일이 존재할 경우 해당 파일을 다운로드할 수 있도록 버튼을 추가하는 방식으로 구현할 수 있습니다.

아래는 kboard에서 파일이 첨부되었을 경우 다운로드 버튼을 출력하는 예제 코드입니다.

<?php if($content->isAttached()):?>
<button type="button" class="kboard-button-action kboard-button-download" onclick="window.location.href='<?php echo $url->getDownloadURLWithAttach($content->uid, 'file1')?>'" title="<?php echo sprintf(__('Download %s', 'kboard'), $content->attach->file1[1])?>"><i class="fa-solid fa-download"></i> 데이터시트 다운로드</button>
<?php endif?>

<?php if($content->isAttached()):?>
<button type="button" class="kboard-button-action kboard-button-download" onclick="window.location.href='<?php echo $url->getDownloadURLWithAttach($content->uid, 'file2')?>'" title="<?php echo sprintf(__('Download %s', 'kboard'), $content->attach->file2[1])?>"><i class="fa-solid fa-download"></i> 메뉴얼 다운로드</button>
<?php endif?>