티스토리

코드노트

검색하기

블로그 홈

코드노트

c0de-n0te.tistory.com/m

(｡θᗨθ｡) 님의 영끌노트입니다.

구독자: 1

방명록 방문하기

주요 글 목록

css 반응형 폰트 최솟값 지정 (clamp) font-size: clamp(20px, 0.264em, 100%);/* 최소, 반응형, 최대 */ 공감수 0 댓글수 0 2025. 1. 14.
php gnb 구조 불러와서 lnb스타일 브레드크럼 만들기 loadHTML($gnbHtml, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);libxml_clear_errors();// 브레드크럼 아이템 수집$xpath = new DOMXPath($dom);$breadcrumbItems = [];$dep1Nodes = $xpath->query("//li[@class='gnb__list']");foreach ($dep1Nodes as $dep1Node) { $dep1Link = $dep1Node->getElementsByTagName('a')[0]->getAttribute('href'); $dep1Path = parse_url($dep1Link, PHP_URL_PATH); $dep2Node = $dep1Node->.. 공감수 0 댓글수 0 2025. 1. 8.
jquery circleProgress 라이브러리 https://github.com/kottenator/jquery-circle-progress GitHub - kottenator/jquery-circle-progress: jQuery Plugin to draw animated circular progress barsjQuery Plugin to draw animated circular progress bars - kottenator/jquery-circle-progressgithub.com 국내 인증 및 특허 등록 건수 인증 출원 건수 특허 출원 건수 공감수 0 댓글수 0 2025. 1. 6.
scss 반응형 position $image-width: 1912; // 이미지 가로 값$image-height: 625; // 이미지 세로 값@mixin position($t, $l) { //100% 일 때 탑, 레프트 값) top: calc($t / $image-height * 100%); left: calc($l / $image-width * 100%);}.p-1 { @include position($t: 238, $l: 664)} 공감수 0 댓글수 0 2024. 12. 18.
php URI 주소에 따라 서브페이지 타이틀 및 설명 출력 (게시판에도) [ 'greeting.php' => ['title' => '인사말', 'desc' => '도전하는 오늘, 가치 있는 내일!'], 'overview.php' => ['title' => '회사개요', 'desc' => '고객과 함께 성장하는 글로벌 파트너'], 'history.php' => ['title' => '연혁', 'desc' => '--- 만나다'], 'partner.php' => ['title' => '파트너', 'desc' => '--- 함께 미래를 열어가다'], ], '/product/' => [ 'hoseAssemblies.php' => ['title' => '--- 어셈블리', 'desc' => ''], .. 공감수 0 댓글수 0 2024. 12. 11.
동일한 도메인명 리다이렉션 .htaccess 설정 동일한 도메인명을 여러개 사용시 (ex. naver.kr / naver.com / naver.net).kr, .net으로 접속해도 .com으로 이동시키고 싶을 때 아래와 같이 적으면 됨 .htaccessRewriteEngine On# 모든 서브도메인 및 루트 도메인 처리RewriteCond %{HTTP_HOST} ^(www\.)?도메인명\.(co\.kr|kr|net)$ [NC]RewriteRule ^(.*)$ https:/도메인명.com$1 [L,R=301] 공감수 0 댓글수 0 2024. 12. 4.
css display: grid, aspect-ratio 사용 시 li의 크기가 ul의 가로 너비를 넘어갈 때 ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }li { width: 100% } #gall_ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); /* 각 열의 최소 크기를 0, 최대 크기는 1fr로 설정 */ gap: 54px 26px;}#gall_ul .list { background-position: center; background-size: cover; background-repeat: no-repeat; aspect-ratio: 1 / 1; background-color: #fff; width: 1.. 공감수 0 댓글수 0 2024. 11. 20.
그누보드, php 제목(문장) '/' 앞에 줄바꿈 추가 - 입력:국문 / 영문- 원하는 출력:국문/ 영문 로 변환 if ($for_html) { $formatted = nl2br($formatted); } return $formatted;}?> 0) ? 'line-height:' . $board['bo_gallery_height'] . 'px' : ''; $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true); // if ($thumb['src']) { // $img_content = ''; // } else { // $i.. 공감수 0 댓글수 0 2024. 11. 11.
js 슬릭슬라이더 탭메뉴에 넣을 때 높이 값 슬릭슬라이더에 display: none > block 해주면높이 값 제대로 설정 안되는데아래 코드 넣어주면 제대로 뜸$('.slider').slick('setPosition'); https://c0de-n0te.tistory.com/102 block 되는 탭에서 슬릭슬라이더 로딩 안될 때" data-og-description="function sliderSet(slickfor,slicknav){ slickfor.slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor:slicknav }); slicknav.slick({ slidesToScroll: 1, slidesToShow: 5, arrows: true, cent.. 공감수 0 댓글수 0 2024. 10. 18.
php 드롭다운 브레드크럼 만들기 구조home / dep1 / dep2 / dep3(있으면) [ 'label' => '회사소개', 'url' => '/ko/company/greeting.php', 'sub' => [ 'greeting' => ['label' => '인사말', 'url' => '/ko/company/greeting.php'], 'overview' => ['label' => '회사개요', 'url' => '/ko/company/overview.php'], 'orgChart' => ['label' => '조직도', 'url' => '/ko/company/orgChart.php'], 'directions' => [.. 공감수 0 댓글수 0 2024. 10. 14.
그누보드 관리자 계정 잊었을 때 (ID&PW) 1. phpMyAdmin을 버전에 맞춰 ftp서버에 업로드2. sql 실행 (g5기준) - id는 g5_member에서 확인가능, 비번은 암호화 되어서 sql로 바꿔줘야함.update g5_member set mb_password = password('비번') where mb_id='admin';3. 바꾼 비번으로 로그인 공감수 0 댓글수 0 2024. 10. 11.
git 원격 끊고 다른 주소로 재연결 현재 주소 확인: git remote -v기존 연결 삭제: git remote remove origin새 주소 연결: git remote add origin (+주소) + 원격 내용 동기화 필요 없을 때, 현재 로컬 상태로 강제 푸쉬git push --force origin (+브랜치) 공감수 0 댓글수 0 2024. 10. 2.
노션 프로젝트 기간 "개월 주 일" 로 표기하기 프로젝트 기간 설정 후 작업 기간 계산 수식 format(dateBetween(dateEnd(prop("프로젝트 기간")), dateStart(prop("프로젝트 기간")), "months")) + "개월 " +format(floor(dateBetween(dateEnd(prop("프로젝트 기간")), dateAdd(dateStart(prop("프로젝트 기간")), dateBetween(dateEnd(prop("프로젝트 기간")), dateStart(prop("프로젝트 기간")), "months"), "months"), "days") / 7)) + "주 " +format(dateBetween(dateEnd(prop("프로젝트 기간")), dateAdd(dateStart(prop("프로젝트 기간")), da.. 공감수 0 댓글수 0 2024. 9. 25.
노션 디데이 수식 / 컬러 설정 프로젝트 기간 설정이 되어 있을 때 디데이 수식 설정 + 컬러 정해주기 if(dateBetween(dateEnd(prop("프로젝트 기간")), today(), "days") == 0, style("D-day", "green"), if(dateBetween(dateEnd(prop("프로젝트 기간")), today(), "days") 5일 이하일 때 -> oranged-day -> greend+ -> red 공감수 0 댓글수 0 2024. 9. 25.
css 텍스트 형광펜 디자인 효과 See the Pen text 형광펜 디자인 by publisher-jy (@publisher-jy) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 엔터해도 상관 없지롱 공감수 0 댓글수 0 2024. 9. 6.
css 반응형 정사각형 비율 유지 " alt="" class="img">.pdList .pdImage { border-radius: 16px; border: 1px solid #E8E8E9; overflow: hidden; position: relative;}.pdList .pdImage::after { display: block; content: ""; padding-bottom: 100%;}.pdList .pdImage .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} 공감수 0 댓글수 0 2024. 8. 13.
jquery pc에서 scroll:auto 부분 드래그 되도록 만들기 $(document).ready(function() { var $content = $('.forScroll'); var isDown = false; var startX, startY, scrollLeft, scrollTop; $content.on('mousedown', function(e) { isDown = true; $content.css('cursor', 'grabbing'); startX = e.pageX - $content.offset().left; startY = e.pageY - $content.offset().top; scrollLeft = $content.scrollLeft(); scrollTop = $content.scroll.. 공감수 0 댓글수 0 2024. 5. 23.
js 한 페이지씩 스크롤 되도록 #main > article 한 페이지씩 보이게 되는 대상css로 높이 100svh 잡아줌document.addEventListener("DOMContentLoaded", function() { const articles = document.querySelectorAll("#main article"); const articleHeight = window.innerHeight; let currentPage = 0; function scrollToPage(page) { articles[page].scrollIntoView({ behavior: "smooth" }); } articles.forEach(function(article) { a.. 공감수 0 댓글수 0 2024. 5. 16.
jquery 페이지 랜딩 2초 후 아래 섹션으로 이동 See the Pen 페이지 랜딩 2초 후 아래 섹션으로 이동 by publisher-jy (@publisher-jy) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 공감수 0 댓글수 0 2024. 5. 16.
php 브라우저 언어별 접속 페이지 변경 (다국어) index 파일에 적용 공감수 0 댓글수 0 2024. 5. 7.
scss 배열 반복 $colors-data: ( search: var(--cBlue), dtldSrch: var(--cGreen));@each $name, $color in $colors-data { .btn-#{$name}, .btn-#{$name} i { background: $color; }} 공감수 0 댓글수 0 2024. 4. 24.
jquery counterup.js 카운트 아래 내용 버전 문제로 오류 생기는 거 같아서 위 내용으로 ㄱㄱ 출처: https://www.npmjs.com/package/jquery.counterup?activeTab=readme 공감수 0 댓글수 0 2024. 4. 18.
그누보드 리스트에서 파일 다운로드 시 확인 창 띄우기 a href="javascript:void(0);" onclick="javascript:if (!confirm('다운로드하시겠습니까?')) { return false; } else { window.open(' echo $list[$i]['file'][0]['href']; ?>'); }">//for ($i=0; $i'); }"> ">공지 '; } else { $img_content = 'no image'; } echo run_replace('thumb_image_tag', $img_content, $thumb); } ?> * 게시판 설정에서 목록에서 파일 다운로드 접근 가능하도록 설정해줘야함~.~ 공감수 0 댓글수 0 2024. 4. 9.
그누보드 갤러리 게시판 무한 스크롤 참고 자료는 일반 게시판 (table)형 무한 스크롤이길래 갤러리형(ul>li)으로 변경,, 아래 내용 찾아서 중간중간 추가,, list 불러오는 중 마우스 스크롤 (다음글 불러오기) css .moreBar, .scrollTop{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:30px; font-size:12px; margin-top:20px; margin-bottom:20px; display:none; } 출처: https://sir.kr/bbs/board.php?bo_table=g5_skin&wr_id=27677 무한스크롤 게시판 스킨 > SIR 스크롤로 게시글을 불러오는 게시판 스킨입니다. https://sir.kr.. 공감수 0 댓글수 0 2024. 4. 3.
scss aspect-ratio mixin // @include aspect($w: 16, $h: 9); @mixin aspect($w: 16, $h: 9) { aspect-ratio: #{$w} / #{$h}; @supports not (aspect-ratio: #{$w} / #{$h}) { &::before { content: ''; float: left; padding-top: calc((#{$h} / #{$w}) * 100%); } &::after { content: ''; display: block; clear: both; } } } 공감수 0 댓글수 0 2024. 4. 2.
jquery + php 영어 일 때 국문 -> 영문으로 replace 공감수 0 댓글수 0 2024. 3. 27.
git 깃 커밋 취소 git reset --soft HEAD^ 공감수 0 댓글수 0 2024. 3. 26.
js 스크롤하면 clip-path 움직이기 .mainVisual { clip-path: polygon(0 0,0 75%,50% 75%,100% 75%, 100% 0); // clip-path: polygon(0 0, 0 75%, 50% 100%, 100% 75%, 100% 0); } $(window).scroll(function () { const mqlVisual = matchMedia("screen and (min-width: 1441px)"); const $mainVisual = document.querySelector(".mainVisual"); const $mainVisualScroll = 75 + window.scrollY / 35; if (mqlVisual.matches) { if ($mainVisualScroll 공감수 0 댓글수 0 2024. 2. 18.
SQL 글자(문자) 변경 UPDATE `테이블명` SET 컬럼명 = REPLACE(컬럼명, '변경전', '변경후') ex. UPDATE `g5_write_pd_list` SET wr_content = REPLACE(wr_content, 'HMP-', 'HEP-') -------------------------------------------------------------------------------- 특정 내용이 들어간 컬럼에서만 변경이 되도록(WHERE 사용) UPDATE `테이블명` SET 컬럼명 = REPLACE(컬럼명, '변경전', '변경후') WHERE 컬럼명 = '문자'; ex. UPDATE `g5_write_pd_list` SET wr_content = REPLACE(wr_content, 'MP-', 'EP-'.. 공감수 0 댓글수 0 2024. 1. 25.
phpmailer ajax 사용 폼메일 + 구글캡챠 v3 1. phpmailer 설치https://github.com/PHPMailer/PHPMailer GitHub - PHPMailer/PHPMailer: The classic email sending library for PHPThe classic email sending library for PHP. Contribute to PHPMailer/PHPMailer development by creating an account on GitHub.github.com 2. form 만들기 PHP body { font-family: sans-serif; } input, textarea { font-family: sans-se.. 공감수 0 댓글수 0 2024. 1. 9.

728x90

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.