fullstack-study

git , github , github.io ,  Netlify   #  git 다운로드  https://git-scm.com/downloads Git - DownloadsDownloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific expgit-scm.com      긍정적으로 다음  하세요   # GitHub 계정 h..

React Swiper 1. 설치 npm i swiper 2. // Import Swiper React componentsimport { Swiper, SwiperSlide } from 'swiper/react';// Import Swiper stylesimport 'swiper/css';export default () => { return ( console.log('slide change')} onSwiper={(swiper) => console.log(swiper)} > Slide 1 Slide 2 Slide 3 Slide 4 ... );};  https://swiperjs.com/demos Swiper DemosSwiper..

fullpage.js  https://alvarotrigo.com/fullPage/ko/ fullPage scroll snapping. Create full screen pages fast and simpleMouse wheel snap to sections. Fast and simple to use.alvarotrigo.com # 옵션  https://github.com/alvarotrigo/fullPage.js?tab=readme-ov-file#options GitHub - alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simplefullPage plugin by Alvaro Trig..

카카오 api https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 주소 api https://postcode.map.daum.net/guide#usage Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 카카오 맵 API https://apis.map.kakao.com/ data api https://ww..

Markdown 작성법 vscode extension 설치markdown All in OneMarkdown Preview Enhanced  위키백과바로가기 1) 타이틀제목(Headers): # 으로 시작# 제목# 1개부터개 부터 ~ 6개 까지# h1 ~ # 6개 h6 # 제목1## 제목2### 제목3### 제목4#### 제목5###### 제목6   2) 수평선 - 또는 * 또는 _ 을 3개 이상 작성.단, - 을 사용할 경우 header로 인식할 수 있으니 이 전 라인은 비워두어야 함.***---___  3) 줄 바꿈  : 한 줄 처리 4) 리스트 순서 없는 목록 *, +, - 를 이용해서 순서가 없는 목록들여 쓰기를 하면 모양 변경  순서 있는 목록숫자 기입하면 순서가 있는 목록 들여 쓰기를 하면 모양..

# Masonry https://masonry.desandro.com/ MasonryInstall Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower:  bower install masonry --save Install with npm:  npm install masonry-layout Getting started HTML Include the Masonry .js file in your site. Masonry works omasonry.desandro.com - CDN https://masonry.desandro.com/#cdn MasonryInstall..

# AOS https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io - CDN - JS 형식 ) 명령어 설명 data-aos 사용할 애니메이션 효과명 data-aos-easing 애니메이션 시간흐름에 따른 속도설정 옵션(default: ease) data-aos-anchor 특정한 객체에 anchor를 설정, 어떤 객체를 기준으로 애니메이션이 시작 될지를 설정 data-aos-delay 애니메이션 재생 대기시간 설정(default: 0) data-aos-offset 애니메이션 효과가 시작될 객체의 위치 설정 data-aos-durat..

# swiper https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com - CDN https://swiperjs.com/get-started#use-swiper-from-cdn Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavi..

# 플러그인 사이트  http://www.htmldrive.net/ HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library www.htmldrive.net https://www.jqueryscript.net/ Free jQuery Plugins and Tutorials - jQuery Script www.jqueryscript.net # fancybox https://fancyapps.com/ Fancyapps UI | Robust JavaScript UI Component LibraryCarousel Responsive, touch-friendly carousels..

# Sass ( SCSS ) 작성법  SCSS와 Sass는 둘 다 CSS의 전처리기로, CSS를 더 쉽게 작성하고 관리할 수 있도록 도와줍니다.  문법: Sass (Syntactically Awesome Style Sheets): 들여쓰기를 사용하여 CSS와 다르게 보이게 만들어줍니다. 중괄호 {}와 세미콜론 ;을 사용하지 않습니다.SCSS (Sassy CSS): CSS와 유사한 문법을 가지고 있습니다. 중괄호 {}와 세미콜론 ;을 사용하여 CSS와 거의 동일한 구조를 가지고 있습니다.호환성:SCSS는 CSS와 거의 동일한 문법을 사용하기 때문에 기존 CSS 파일을 쉽게 가져와서 수정할 수 있습니다.Sass 는 기존 CSS 파일과 호환성이 떨어질 수 있습니다. 기존 CSS를 Sass 로 변환하기 위해서는..