
스크롤해서 내리면 이미지가 전코드https://www.youtube.com/watch?v=BmJrtaCBsss전 코드에서 React Parallax를 사용하는 방식은 JavaScript를 사용하여 이미지를 스크롤에 따라 이동시키는 것이었습니다. 이것은 이미지를

전 코드에서는 isFirst부터 isFourth까지 4개의 섹션마다 각각 hover, click, mouseLeave 상태값을 관리하고 있습니다. 이러한 상태값을 모두 조합하면 총 12개의 상태값이 필요합니다.예를 들어, 첫 번째 섹션의 경우 hover, click,

1.IMAGES 객체는 각 이미지의 정보를 담고 있습니다. 하지만 객체의 형태로 관리되어 가독성이 떨어집니다.2.컴포넌트 상단에서 상태값과 이벤트 핸들러를 설정합니다. 이벤트 핸들러의 이름이 명확하지 않아 코드를 이해하기 어려울 수 있습니다.3.배경 이미지가 backg

메인 > JS 모션을 CSS 모션(트랜지션)으로 리팩토링기존 방식은 transform 인라인 스타일을 여러번 수동으로 + opacity로 노출/비노출로직으로 이미지를 위 또는 아래로 이동시켜 주는 방식.transform 변경의 성능부하 및 이미지 끊김 (방식의 문제)

폴더를 만들어서 json파일에 translation.ko.json, 즉 한국어 json 파일과 translation.en.json, 영어 json 파일을 각각 resources에 맞게 넣어줍니다. 참고: https://record22.tistory.com/1