전체 글31 Java의 정석 Chapter 8 문제풀이 8-1 8-2 8-3 8-4 8-5 8-6 8-7 8-8 2023. 9. 17. JS & React 정리(3) - 간단 모달창 만들기, 알림받기 설정 이번 정리 내용은 모달 컴포넌트 구현!! 그리고 이를 활용해 알림받기 설정하기! 먼저 구현 화면부터 보면 주황색 알림받기 버튼을 누르게 되면 아래 보이는 것처럼 모달 창이 뜨고 관심고객수가 1증가하도록 구현해 놓았다. (당연히 UI상에서만 보여지는 거고 실제로 반영되는건 1도 없음 ㅎㅎ) 대표사진 삭제 메인 페이지 알림받기 배너 사진 삭제 알림 설정 클릭 시 모달창 1. 클릭 시 숫자 1 증가시키기 사실 이건 정리하기도 민망하게 간단하지만.. 그래도 이번 프로젝트를 하면서 알게 된 점이 있어 적어보려고 함. 인터넷 강의를 듣다가 알게 된 내용인데 useState를 사용해서 값을 변화시킬 때 저렇게 이전 값을 가져와서 함수로 구현해야 한다고 함. setCount((count) => count +=1)); .. 2023. 9. 17. JS & React 정리(2) - 이미지 슬라이드 만들기 웹페이지에 너도 나도 다 있는 그 이미지 슬라이더 이미지가 옆으로 넘어가는 느낌으로 할까 하다가 자연스럽게 바뀌는 느낌(?)으로 함.. Main.jsx 안에 Slide.jsx 컴포넌트를 따로 만듦. 이건 Main.jsx 컴포넌트 import Bestseller from "../main/Bestseller"; import Slide from "../main/Slide"; import NoticeBanner from "../main/NoticeBanner"; import MainEvent from "../main/MainEvent"; import Promote from "../main/Promote"; import UserReview from "../main/UserReview"; import Video f.. 2023. 9. 17. JS & React 정리(1) - SPA를 위한 Router 연결 2차 팀프로젝트 마무리는 다가오는데 이렇게 끝내면 다시 안쳐다볼 것 같아서 정리하는 글.. JavaScript, React를 배우고 활용하며 느꼈던 점, 그리고 앞으로 어떤 걸 공부하고 익혀야 할 지 정리해보려고 한다. UI와 그에 따른 기능별로 정리하는 거라 굉장히 두서없을 예정ㅎㅎ 그래도 안 하는 거보단 낫겠지... 그래서 오늘의 주제는 라우터 연결하기! html에서 a태그로 페이지 자체를 이동했다면 이번 프로젝트의 목표는 React로 SPA(Single Page Application)를 구현하는 것이었기 때문에 컴포넌트 간 연결을 해주는 Router가 필수적이었다. (다른 방법도 있지만.. 보통 이걸 많이 쓰는 것 같다...ㅎㅎ) * SPA 장점, 단점 : 링크 태그를 사용하는 전통적인 방식은 페이.. 2023. 9. 17. 이전 1 2 3 4 5 6 ··· 8 다음
