DEVLOG

*주의 리액트에서 배열을 다룰 때 평소 하던것처럼... push를 사용해서~ this.state.array.push('some value'); 이렇게 하면 되겠지?하면 절대XXX why?? 리액트에서는 state내부의 값을 직접적으로 수정하면 안되기 때문! (불변성 유지) push, splice, unshift, pop 같은 내장함수는 배열 자체를 직접 수정하게 되므로 적합하지 않다. then?? 기존 배열에 기반하여 새 배열을 만들어내는 함수인 concat, slice, map, filter와 같은 함수를 사용해야한다. .concat() : 기존 배열에 원소 또는 배열을 추가하여 새 배열을 만들 수 있다. var arr2 = arr1.concat( 'abc' ); => arr1배열에 문자열 abc를 추..

https://ko.khanacademy.org/computing/computer-programming/html-css-js/html-css-js-intro/e/quiz--javascript-recap JavaScript 정리하기 (연습) | 인터랙티브 웹 페이지를 만들 준비하기 | 칸아카데미 계속 진행하기 전에 JavaScript에 관해 충분히 기억하고 있는지 확인해 봅시다. ko.khanacademy.org

poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com tcpschool.com/ 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com

michalsnik.github.io/aos/ 트윈맥스 + 스크롤 모션의 기능을 하나로! AOS! 굳이 트윈맥스를 사용하지 않아도 되는 기능들은 AOS를 사용해도 좋다 대신 AOS와 트윈맥스+스크롤은 함께 사용하면 코드가 무거워지니 둘 중에 하나만 사용하기 :: 트윈맥스+스크롤을 사용할 경우 :: AOS를 사용할 경우 사용법 data-aos: 적용할 애니메이션 효과의 이름 data-aos-duration: 적용할 애니메이션의 효과 지속시간(ms) ex) 1500ms --> 1.5초 Example Animations Fade animations: fade fade-up fade-down fade-left fade-right fade-up-right fade-up-left fade-down-right fad..