자바스크립트 기반 모션 인터렉티브 찾아보고 공부하려다 아는분이 지삽을 추천해서 사용하게되었는데. 이게 엄청 편하고 다양하고 모션쓰기가 좋아서 글을쓴다. 대표기능중하나인 스크롤트리거 https://greensock.com/docs/v3/Plugins/ScrollTrigger 정보링크. 영상포함. https://lpla.tistory.com/106 - 옵션 한글설명 > 시작하기. cdn 코드이다. html 하단에 붙이고 그아래 js 파일을 링크해서 사용한다. 이걸 헤드 쪽에 붙이고 시작하면. 오류가 난다. > 기본적인 기능설명. html css js 스크롤 움직임에따른 페이지 애니메이션 (중요) html css js 개인적으로 링크를 따라가면 영상으로 잘되어있으니 영어를 못해도 충분히 이해할수가있다.

기본적으로 PostCss는 리액트 프로젝트 생성일때 자동으로 설치된다. css 파일을 만들때. test.css 일경우 > test.module.css 이런식으로 파일이름에 모듈을 넣는다. 적용시 방법. Button.js 컴포넌트 파일. 임포트 해서 연결 css 파일 내용. 사용시 사용방법. 배포시 자동으로 이름이 변경된다.

flex 개구리로 공부하기 여기클릭 **justify-content 를 사용하여 이 CSS 속성은 요소들을 가로선 상에서 정렬하며 다음의 값들을 인자로 받는다는 것을 기억하세요** flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. **align-items 를 사용하여 이 CSS 속성은 다음의 값들을 인자로 받아 요소들을 세로선 상에서 정렬합니다** flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end: 요소들을 컨테이너의 바닥으로 정렬