분류 전체보기 (234) 썸네일형 리스트형 [Notion] 데이터베이스 조건 수식 구문 사용하기2 오늘 작업은 오늘 할일 이라고 표시하고 싶을 땐 아래 조건 수식을 이용해서 값이 0일때 표시를 하면 된다! dateBetween(prop("작업일"), dateSubtract(dateSubtract(now(), hour(now()), "hours"), minute(now()), "minutes"), "days") [Notion] 데이터베이스 조건 수식 구문 사용하기 노션에서 데이터베이스를 사용하면 효율적으로 상태관리가 가능하다. 내가 한 업무 이력을 관리하기 위해서 노션을 사용하고 있는데 기록 차원에서 수식 구문 사용했던걸 남긴다. 작업일이 아직 미정인 것과, 작업일이 지난 것에 대한 상태 체크를 하고 싶을때 수식 1. "/" 입력하면 database가 있는데 선택 2. 프로젝트 이름, 경로, 작업일, 상태 등등 테이블을 채운다. 3. 하나의 칼럼 속성을 수식 으로 변경하여 작업일 칼럼을 이용한 상태 체크를 한다. 4. 결과 작업일이 비어있을 땐 : 작업일 미정 작업일이 아직 도래되지 않았을 땐 : 빈 체크박스 🟩 작업일이 끝났을 땐 : 체크 표시 ✅ ***** 문제점 : 오늘 날짜의 작업도 함께 체크 표시 된다. 그 이유는 자정이 되면 오늘 날짜로 변하기 때문! [github] git 설치 후 위치 찾기 github를 설치해 두고 설치해둔 위치가 궁금해져서 그에 관련한 cmd 명령어를 찾았다. 간단하게 where! 말그대로 그게 어디에 있는지 컴퓨터에 물어보는 것이다. where git 그럼 아래처럼 명령어를 뱉을 것이다! C 드라이브에 저장했었군! [VSCode] 스니펫 설정 코멘트나 고정된 멘트를 사용할 때 스니펫에 저장해두면 편리하다. 왼쪽 하단 톱니바퀴 > User Snippets > comments.code-snippets 선택 후 하단 처럼 입력. { // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope // is left empty or omitted, the snippet gets applied to all.. [javascript] 리스트 더보기 기능 구현 리스트 18개가 있는데 처음에 6개 보여주고 더보기 버튼 클릭시 6개씩 더 보여주고 싶다. 그리고 마지막에 리스트가 다 보여지면 더보기 버튼이 사라지게 구현해보자. => active를 붙여 처음 보여주고 싶은 갯수 만큼 보이고, => 더보기 버튼을 누를때마다 해당 active의 item 클래스를 보여준다. HTML ss ddd fff dd : tt d: ddd dS dfsdf fd gfdfdf fdf P Sl Ry s t yy ss U ss yy SCSS $mediaPSD-function: remove-unit($mediaPSD); @function vw($val, $std: $mediaPSD-function) { @return ($val / ($std / 100)) * 1vw; } #lineup { ... [javascript] 팝업 안 swiper 설정 바둑판 계열의 리스트 형식에서 해당 리스트를 클릭했을 때, 모달 팝업 형태로 각자의 내용의 슬라이드가 생성 되어야 한다. 따라서 각자의 팝업을 생성해두고 include를 할껀데 문제는 해당 리스트를 클릭시, 해당 슬라이드만 동작을 원하고, 해당 모달 팝업을 닫았을 땐 해당 슬라이드를 해제 시키려한다. 미리 슬라이더를 그려놓으면 과부하가 생기니 주의해야한다. 그린 슬라이더를 저장할 변수 popupSlide를 전역 변수로 빼놓고 팝업 오픈 요소 클릭시 생성, 닫기 버튼 클릭시 해제를 할 수 있도록 하는 것이 중요하다. index.html title title title title title title popup-lineup.html PC Mobile console 샘플 설명입니다. 샘플 설명입니다. 샘플 설.. [javascript] 상단 fixed menu anchor 구현 HTML Javascript $('nav a[href*="#"]').click(function () { console.log('click'); var elmHash = $(this).attr('href'); var navH = $('nav').outerHeight(true); var pos = Math.round($(elmHash).offset().top - navH); $('body,html').animate({ scrollTop: pos }, 500); return false; }); [CSS] 로고와 이미지 비율 반응형에서 이미지로 된 작업물을 잡기 => 만약 PC에서 해당 이미지 높이를 정의했다면 높이 초기화 시키고 vw 사용할 것 * // 미디어 쿼리 사이즈 $mediaResponsiveSize: 1024px; // 시안 사이즈 $mediaPSD: 1000px; $mediaPSD-function: remove-unit($mediaPSD); @function vw($val, $std: $mediaPSD-function) { @return ($val / ($std / 100)) * 1vw; } width: vw(543); aspect-ratio: (543/405); // height: vw(405); 이전 1 2 3 4 ··· 30 다음
