기록저장소

https://shubamba.tistory.com/65

https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100 2020 Toggles ... codepen.io

vscode의 "live sass complier"를 사용하면 간편하게 설치가 가능하지만 npm를 사용해보고싶어서 남기는 기록 1. node.js 설치하기 (npm은 node를 관리하는 관리자) https://nodejs.org/ko/ 2. 윈도우 검색에서 cmd 열기 3. npm 버전확인(잘 설치되었는지) npm -v 4. scss(sass) 설치하기 npm install sass -g 5. scss(sass) 버전 확인하기(잘 설치되었는지) npm show sass version 6. 프로젝트에서 폴더를 나눠서 정리하기 7. cmd창에서 scss를 관리할 폴더위치 설정하기(내가 원하는 경로가 아닐 경우) cd 뒤에 원하는 위치의 폴더 드래그하기(자동으로 폴더구조 나타내줌) cd C:\User\proj..

1. https://git-scm.com/downloads 에서 git 다운로드 받기 1-1. 내컴퓨터 시스템 종류 확인하기 시스템종류에 따라 설치할 파일을 선택해야하기때문에 내컴퓨터에서 확인하는 방법 : 윈도우 검색 -> 시스텀 정보 -> 시스템 종류 확인 (x32.. or x64..) -> 해당하는 파일 다운로드하기 1-2. default 값으로 설치 완료 2. 프로젝트를 가져올 위치 폴더에서 마우스 우클릭 - git bash here 선택 -> cmd 창 열림 3. git 확인/ 설정하기 3-1. git이 정상적으로 설치되었는지 version으로 확인해보기 $ git --version 3-2. git 사용환경 설정하기 (이름, 이메일 - 프로젝트마다 사용자를 다르게 할 경우 --global 제외하기..

디바이스 크기에 따라 slide 개수를 변경할 때 breakpoints const swiper = new Swiper('.swiper', { // Default parameters slidesPerView: 1, spaceBetween: 10, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 2, spaceBetween: 20 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 30 }, // when window width is >= 640px 640: { slidesPerView: 4, spaceB..

jquery오류문제로 옵션추가 observer: true, observeParents: true, https://sir.kr/qa/364981 swiper 슬라이드 탭안에서 기능이 안먹혀요.. > SIR 안녕하세요.. 이틀동안 해결이 안되서 온 초보 퍼블리셔입니다..ㅠㅠ 각 슬라이드를 탭안에 넣었는데 첫번째 탭만 작동하고 두번째부터는 swiper 기능이 안먹 sir.kr

브라우저 크기에 따라 테이블 반응형 표현하기 https://codepen.io/jyvujtky/pen/bGYbegB bGYbegB ... codepen.io

https://codepen.io/piarey/pen/gOrVdmM 양쪽정렬 원리 (text-align:justify) ... codepen.io th의 min-width (width도 무관해보임) 설정 span을 text-align:justify로 양쪽정렬 th::after로 span의 기준이 th전체의 크기값을 가지도록 th에 font-size:0으로 ::after가 높이를 차지하지않게하고 span에 별도의 폰트사이즈 설정

::selection { background-color: cyan; } https://developer.mozilla.org/en-US/docs/Web/CSS/::selection ::selection - CSS: Cascading Style Sheets | MDN The ::selection CSS pseudo-element applies styles to the part of a document that has been highlighted by the user (such as clicking and dragging the mouse across text). developer.mozilla.org

https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=208646