하이고니의 개발 스토리

  • 홈
  • 태그
  • 방명록
  • 관리
  • 글쓰기

clicktoedit 1

Day 48. 리액트 컴포넌트 만들기(with styled-components)

Modal 모달은 기존에 이용하던 화면 위에 오버레이되는 창을 말한다. 닫기 버튼, 혹은 모달 범위 밖을 클릭하면 모달이 닫히는 것이 일반적이며, 모달을 닫기 전에는 기존 화면과 상호작용할 수 없다. 1. ModalBtn을 클릭하면 ModalBackdrop + ModalView가 보여야 한다. 1-1. isOpen으로 열리고 닫히는 상태를 관리한다. 1-2. openModalHandler라는 함수로 isOpen 의 boolean 값을 관리한다. 2. ModalView는 ModalBackdrop에 포함된 요소다. 3. ModalView의 x버튼을 누르거나, ModalBackdrop을 누르면 모달창이 꺼진다. import { useState } from "react"; import styled from "s..

부트캠프/TIL 2023.02.22
이전
1
다음
더보기
프로필사진

Write | Admin | Github

  • 전체 (168)
    • 부트캠프 (92)
      • TIL (37)
      • 따로 공부 (38)
      • 자바스크립트 완벽 가이드 (17)
      • 경험과 감상 (0)
    • 프론트엔드 개발 (64)
      • JavaScript (9)
      • React (10)
      • Interview (6)
      • Algorithm (19)
      • Node.js (4)
      • Typescript (16)
      • UI UX (0)
    • 아무거나 (7)
      • 티스토리 (4)
      • 생각 모음 (1)
      • 스스로에게 질문 (2)

Tag

패캠인강후기, 환급챌린지, typescript, 사이드프로젝트10개기술스택으로구현하는풀스택서버리스프로젝트withReact, 패캠챌린지, 수강료0원챌린지, 인터페이스, html, DoM, CSS, react, 타입스크립트, Node.js, 오공완, 직장인인강, 직장인자기계발, javascript, 패스트캠퍼스후기, 패스트캠퍼스, 리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바