본문 바로가기

분류 전체보기332

카테고리 최근글 쿼리, 갯수는 사용자정의에서 'recom', 'posts_per_page' => get_theme_mod( 'mainslidimg_num', 8 ), // 갯수는 사용자정의 'orderby' => 'date', 'order' => 'DESC' ); $query = new WP_Query($args); if ($query->have_posts()) { echo ''; while ($query->have_posts()) { $query->the_post(); ?> .. 2025. 2. 27.
menu bar mouse move // 메뉴 색상바var $marker = $('').appendTo('.menu'); var $navitem = $('.menu > .menu-item'); var $current = $('.menu-item.current-menu-item');if ($current.parents('.sub-menu').length) { // 2차 메뉴 $current = $current.closest('.menu-item-has-children');}function indicator($el) { $marker.css({ left: $el.position().left + 20 + "px", width: $el.outerWidth() - 40 + "px", opacity.. 2025. 2. 25.
폴리곤. 컬러 로테이션 hue-rotate let container = document.querySelector('.container');for (let i = 0; i .row { display: inline-flex; margin-top: -32px; margin-left: -50px;}.row:nth-child(even) { margin-left: 1px;}.row .box { position: relative; width: 100px; height: 110px; background: #0c0c0c; margin: 2px; transition: 2s; clip-path: polygon (50% 0%, 100% 25%, 100% 75%, 50% 100%,0% 75%,0% 25%);}.row .box:hov.. 2025. 2. 24.
블렌더 단축키 S + sh + Z스케일 z는 제외 E돌출 tabedit 전환 토글r + xx축 로테이트sh + A추가 alt + G위치 리셋 sh + C커서 리셋 num . 화면 리셋 sh + D 복제 G + ctl이동중 스냅 ctl + A어플라이 리셋 f9팝업창F채우기 fill face edge split선기순으로 떼어내기 IInset Faces 면 삽입X선택 삭제sh + A엣지 선택 bridge edge loops루프 채우기 sh + 우클릭 커서 배치 + sh미세움직임한글쓰려면메모장에 쓰고 복붙/로컬뷰ctl + R루프컷  sh + alt + 클릭 루프선택ctl + I선택 반전J, ctl + Jjoinalt + Z엑스레이뷰alt + N플립 노말 L링크된 선택 ctl + B베벨P > seperr > select선택 분.. 2025. 2. 24.
createElement, mousemove const rounds = [];const numrd = 20;for(let i= 0; i { const mouseX = event.clientX; const mouseY = event.clientY; rounds.forEach((span, index) => { const delay = Math.random() * 200; setTimeout(() => { span.style.left = `${mouseX + 20 + index}px`; span.style.top = `${mouseY + index }px`; }, delay) })})span.round{position: absolute; width: 20p.. 2025. 2. 23.
유니버셜 에브리띵 https://www.universaleverything.com/유니버셜 에브리띵(UE)은 미디어 아티스트, 경험 디자이너, 퓨처 크리에이터로 구성된 아티스트 콜렉티브이다. 그들의 삶에 대한 긍정적 사고와 미래 지향적인 접근 방식은 모든 협업, 예술 작품 및 프로토타입 작업에도 큰 영감이 된다. 2004년부터 그들의 글로벌 네트워크를 통한 다양한 작업을 진행해 왔으며, 각 프로젝트가 진행될 때마다 작품에 맞는 맞춤형 팀을 구성해서 진행한다. 이러한 글로벌 작업 네트워크에는 60명 이상의 건축가, 엔지니어, 디자이너, 촬영 감독, 애니메이터, 음악가 및 개발자가 다양하게 소속되어 유연한 작업 구조를 이루며 진행하고 있다. 그들은 새로운 디스플레이 기술을 접목하여 캔버스로 사용하기도 하며, 디자인, 건축, .. 2025. 2. 20.
카카오뱅크로 사업자통장 개설시 전자세금계산서용 인증서 발급 받기 귀찮아서 사업자등록과 사업자 통장 개설을 다 온라인으로 했다. 그런데 사업자 통장을 카카오뱅크로 하면 사업자 공용인증서는 공짜로 주는데 홈텍스에서 사용할 전자세금계산서용 공인인증서는 따로 받아야 한다. https://www.signgate.com/main.sg여기서 대면신청-> 발급 -> 전자세금계산서용 이라고 되어있는 4,400원짜리 사면 된다. (11만원짜리 누르지 않도록 주의한다 - 이런 상술은 뭥미..) 여기서 신청후(결제까지) -> 이메일을 확인하고 -> 신청서를 인쇄한후 나는 근처에 우체국이 있어서 거기 신청서를 가져가면 접수증을 주는데 -> 이메일로 안내 메일이 오면 그대로 하면 된다. 참고로 나는 덤벙대는 성격이라 4,400원 결제를 안한 상태로 우체국에 가는 바람에 한국정보인증 상담원과 .. 2025. 1. 7.
zapier, 개발자없는 자동화도구 https://zapier.com/ Automate without limits | ZapierWorkflow automation software for everyone. Automate your work across 7,000+ app integrations—no developers, no IT tickets, no delays.zapier.com 2024. 11. 22.
공예인들의 축제 호모 파베르 https://www.homofaber.com/ Homo FaberHomo Faber is a cultural movement centred on creative artisans. Its signature projects are an online guide, an international biennial and education programmes for the next generations.www.homofaber.com 우왕. 너무 좋아. 2024. 11. 22.
filter: drop-shadow .tri{position: absolute; left:100px;border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 60px solid #0f0;filter: drop-shadow(0 0 10px #0f0) drop-shadow(0 0 30px #0f0)} 2024. 10. 18.
Lottie json 파일 단순 마우스 오버 효과 2024. 10. 17.
mouse move .box span {position: absolute; display: block; width: 0; height: 0;border-radius: 50%;background: #fff; transition: 0.1s;transform: translate (-50%, -50%); mix-blend-mode: difference;}.box:hover span {width: 300px;height: 300px;}document.querySelectorAll('.box').forEach(function (box) { box.addEventListener('mousemove', function(e){ let x = e.pageX - box.offsetLeft; let y = e.pageY - box... 2024. 10. 17.
3d + 마우스 스크롤 https://activetheory.net/ 2024. 10. 14.
마우스 스크롤 https://akaru.fr/ 2024. 10. 14.
액체 흐르는 표현 https://sloshseltzer.com/ 2024. 10. 14.
웹디자이너 UI UX 디자이너는 어떤 AI 툴을 쓰나 웹디자이너 UI UX 디자이너는 어떤 AI 툴을 쓰는지 적당한거 골라달라고 여러 AI 서비스에 물었다.  1. Adobe https://www.adobe.com/kr/products/firefly.html Adobe Firefly - 크리에이티브를 위한 무료 생성형 AIFirefly 모델과 서비스는 Adobe 크리에이티브 앱의 생성형 AI 기능을 뒷받침하고 있습니다. Photoshop, Lightroom, Illustrator, Firefly 웹과 앱의 최신 기능을 살펴보세요.www.adobe.comAdobe 는 그냥 어도비다. 2. Figma, 어도비를 뛰어넘는 피그마  https://www.figma.com/ Figma: The Collaborative Interface Design ToolFigma.. 2024. 10. 14.
Updating data - article article lists $sql = "SELECT a.id, a.title, a.summary, a.created, a.category_id, a.member_id, a.published, c.name AS category, CONCAT(m.forename, ' ', m.surname) AS author, i.file AS image_file, i.alt AS image_alt FROM article AS a JOIN category AS c ON a.category_id = c.id JOIN member AS .. 2024. 10. 12.
Updating data - category category list (categories)$sql = "SELECT id, name FROM category;"; $categories = pdo($pdo, $sql)->fetchAll();Categories+ NEW Name Edit Delete ">Edit ">Deletecategory delete$id = filter_input(INPUT_GET, 'id', FILTER_VALIDATE_INT); $category = ''; if (!$id) { redirect('categories.php', ['failure' => 'Category not found']); }$sql = "SELECT name FROM category WHERE id = :id;".. 2024. 10. 12.
getting data 매개변수 없을때$sql = "SELECT forename, surname FROM member;";$members = pdo($pdo, $sql)->fetchAll();매개변수 있을때$sql = "SELECT forename, surname FROM member WHERE id = :id;";$member = pdo($pdo, $sql, ['id' => $id])->fetch();header " > Search category$sql = "SELECT id, name, description FROM category WHERE.. 2024. 10. 11.
sql 가져오기, joinSELECT article.id, article.title, category.name, image.file, image.alt FROM article JOIN category ON article.category_id = category.id LEFT JOIN image ON article.image_id = image.id WHERE article.category_id = 3 AND article.published = 1 ORDER BY article.id DESC; 결합하기, AS (앨리어스)SELECT CONCAT(forename, ' ', surname) AS author FROM member;null 대체 SELECT COALE.. 2024. 10. 11.
date diff($event);$earlybird = new DateTime();$interval = new DateInterval('P1M');$earlybird->add($interval);?>Today:format('Y-m-d, g:i a, D') ?>Countdown to event:format('%y years %m months %d days') ?>Earlybird by:format('D d M Y, g:i a') ?> 2024. 10. 10.
image file '; } else { $message = 'Could not upload file: ' . $error; }}?> Upload file: 2024. 10. 10.
form '', 'age' => '', 'terms' => '',]; $errors = [ 'name' => '', 'age' => '', 'terms' => '',]; $message = ''; if ($_SERVER['REQUEST_METHOD'] == 'POST') { $user['name'] = $_POST['name']; $user['age'] = $_POST['age']; $user['terms'] = (isset($_POST['terms']) and $_POST['terms'] == true) ? true : fa.. 2024. 10. 10.
내장함수, number, update number Round: Round to 2 Round half up: Round half down: ceil floor mt_rand 제곱근 스퀘어 Is a number: ture/false number_format(12345.6789, 2, '.', ',') update 'April 12th', 'Knitting' => 'May 4th', .. 2024. 10. 10.
object 이름: name ?> 계좌번호 계좌종류 잔고 accounts as $account) { ?> number ?> type ?> getBalance() >= 0) { ?> getBalance() ?> customername = $name; $this->email = $email; $this->password = $password; $this->accounts = $accounts; }}accountnumber = $number; $this->type = $type; $th.. 2024. 10. 9.
function ['price' => 3, 'stock' => 12], 'Mints' => ['price' => 2, 'stock' => 26], 'Fudge' => ['price' => 4, 'stock' => 8],];$tax = 20;function get_reorder_message(int $stock): string{ return ($stock ProductStockRe-orderTotal valueTax due $data) { ?> $ $ 2024. 10. 9.
foreach 2.99, 'Mints' => 1.99, 'Fudge' => 3.49,];?> Item Price $price) { ?> $ 예제 Discounts Packs Price $price) { ?> pack $ 2024. 10. 9.
Igloo, 3d, 마우스 스크롤 https://www.igloo.inc/ Igloo Inc.Our mission is to create the largest onchain community, driving the consumer crypto revolution.www.igloo.inc 2024. 10. 8.

티스토리툴바