내손으로는 css들이 뚝딱거리기에 라이브러리를 찾다가 Framer-motion 이 직관적이고 예제도 많아서 찍먹이라도 해보자 생각하고 글을 정리 보려고한다ㅎㅎ 설치하기 npm i framer-motion HTML 태그 앞에 motion 키워드를 붙여사용하며 motion키워드가 붙은 요소를 motion component라고 한다 import { motion } from "framer-motion" 자주쓰는 속성들 initial:애니메이션의 초기 상태를 정의, 컴포넌트가 처음 렌더링 될 때 적용되는 상태 animate:애니메이션을 시작하고 중간에 변화하는 상태를 정의 exit:애니메이션의 종료 상태를 정의, 요소가 화면에 사라질 때 적용되는 상태 transition:애니메이션 지속 시간 및 이징 함수등의 정..

전에는 너무 얕게만 라우터를 본거같아서 이번에는 좀더 세세하게 다루어 보고자한다 createBrowserRouter loaders, actions, fetchers등을 사용할 수 있다 동적 체이지에 적합 검색엔진 최적화 github-pages 배포가 까다로움 RouterProveder 어떤 Router 객체이든 Router 객체 RouterProvider에 등록되야한다 const router = createBrowserRouter([ { path: "/", element: , loader: rootLoader, children: [ { path: "team", element: , loader: teamLoader, }, ], }, ]); ReactDOM.createRoot(document.getEleme..

⭐️선사시대 구석기:수렵,채집,무리생활 신석기:농경,평등사회,간석기,빗살무늬토기 청동기:벼농사,사유재산,계급사회.민무늬토기,고인돌 철기:철제 농기구,연맹국가,거루집 단군신화 :고전선의 성립,토테미즘,샤머니즘,홍익인간 발해 :대조영이 고구려인과 말갈족을 합하여 새운 나라 진대법 :고구려 빈민구제법, 관곡을 빌려주고 추수시기에 환납하게 하는 제도 광개토대왕비 :장수왕이 세운 비석으로,일생을 기록함 태학 :우리나라 최초 교육기간 소수림왕에 설립 하였으며 중앙귀족자제에게 유학을 가르쳤다 다라니경 :세계최초 목판인쇄물,국보로지정 골품제도 :신라의 신분제로 성골,진골,6두품 등이 있다 화백제도 :신라 떄 진골 출신의 고관인 들이 모여 국가의 중대사를 결정하는 회의 , 만장일치로 의결 기인제도 :고려 지방향리 자제를..

⭐️세계유산 :해인사 장경판전,종묘,석굴암,불국사,창덕궁 ,수원화성,고인돌유적,조선왕를,남한산성 ⭐️우리나라 3대 악성 :박연-아악의 기초 확립,왕산악-칠현금 능함,우륵-가야금 만듬 모더니즘 :1차 세계대전 이후의 근대주의,현대주의를 의미=>반전통,반예술 포스트모더니즘 :모더니즘에서 반하는 사상을 갖고잇는 문화운동 서브컬쳐 :그 전체적인 무화 내부에 존재하면서도 독자적인 특징을 보이는 부분적인 문화 매너리즘 :독창성을 잃고 평범한 경향으로 흘러 예술의 신선미,생기를 잃는 일 ⭐️세계 3대 영화제 :베니스-1932,칸-1946,베를린-1951 +모스크바-1989(4대) 토니상 :연극 아카데미상 맥거핀 효과 :실제로 줄거리에 영향을 미치지 않는 극적장치로 속임수를 의미한다 ⭐️오페라 :음악적 요소는 물론 대..