[CSS/JS] Swiper

Swiper 참고 사이트 : swiperjs.com/demos velog.io/@aaabbb12/Swiper-슬라이더-플러그인 Swiper :: 슬라이더 플러그인 사용법 Today I Learned ⑥ velog.io Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com

• format_list_bulleted Frontend/css
• · 2021. 4. 5.
• textsms

[CSS] 모바일 반응형 화면에서 우측 여백 발생

모바일 반응형 페이지를 만들다가 다음과 같이 우측에 여백이 생겼습니다. [ 해결 방법 ] CSS에 다음과 같이 추가합니다. html, body{ width:100%; overflow-x:hidden; } 참고 : wordpress.org/support/topic/mobile-version-white-area-right-side-2/

• format_list_bulleted Frontend/css
• · 2021. 3. 26.
• textsms

[CSS] div, 기타 클릭시 생기는 테두리 제거하는 방법

div나 기타 버튼을 클릭할때 주황색 또는 특정 색 테두리가 생기는 경우가 있는데 테두리를 없애는 방법은 CSS에 다음 하단의 스타일을 추가해주면 테두리가 생기지 않는다. *:focus { outline:none; } 적용 전 : 클릭 시 테두리가 진해져있음 적용 후 : 클릭해도 테두리 포커스가 생기지 않음 출처 : m.blog.naver.com/javaking75/220082250256

• format_list_bulleted Frontend/css
• · 2021. 2. 3.
• textsms

[React] react-icons 사용하는 방법

React 아이콘 사용하기 https://react-icons.netlify.com/#/ 여기 사이트로 접속하세요. 설치방법 yarn add react-icons 사용방법 저는 이 중에서 IonIcon을 사용해보겠습니다. IonIcon 중에서도 갯수 다양하죠? 저는 닫기 아이콘을 사용해보겠습니다. ctrl+f 를 누르고 찾기를 누르면 됩니다. import { ICON_NAME } from "react-icons/io"; //예) import { IoIosClose } from "react-icons/io"; // 맨위에서 사용하고픈 아이콘을 골라 Icon_name에 써줍니다. *** //위에서 불러온 형태 그대로 사용해줍니다. 옵션 추가 import { ICON_NAME } from "react-icon..

• format_list_bulleted Frontend/React
• · 2021. 1. 7.
• textsms

[ React ] null값 허용하기

//.tsconfig.json에서 { "compilerOptions": { "target": "es5", "lib": [ "dom", "dom.iterable", "esnext" ], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "noEmit": true, "jsx": "react-jsx", "isolatedModules": true,..

• format_list_bulleted Frontend/Typescript
• · 2021. 1. 2.
• textsms