둥글게 둥글게

  • 홈
  • 태그
  • 방명록

js button toggle 1

[javascript] Toggle side navigation

😆 javascript를 사용하여 해당 버튼을 누르면 side navigation이 화면에 open close 되도록 구현하였다. 정말 간단한 기능이지만, 처음에는 애를 먹었다 😂 버튼을 누르면 side navigation이 나타나도록 구현하는 기능뿐 아니라, 또 다른 조건도 만족해야 했기 때문이다. ✨ 결과물 👉🏻 왼쪽 위에 있는 버튼을 선택하면 side navigation이 화면에 나타났다가 사라지도록 구현한 것을 볼 수 있다. 여기까지는 쉽게 구현할 수 있었지만, 아래 조건에서부터 슬슬 막히기 시작했다; 📌 새로고침 또는 페이지 이동, 브라우저 재시작 등의 행위를 한 후에도 해당 side navigation을 open 해 놓은 상태로 유지할 수 있도록 코드 구현 전역이라는 단어를 강의를 들으면서 정..

프로젝트/토이 프로젝트 2023.03.30
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

js 자료구조, 프로그래머스 level0, 프론트엔드 공부, js 선형자료구조, 프로그래머스 문제풀이, 프론트엔드공부, 프론트엔드개발자, HTML, 프론트엔드, level1 문제풀이, 프론트엔드 프로젝트, 프론트엔드스쿨, 제로베이스, frontend, 개발공부, 프로그래머스 level0 문제풀이, 프로그래머스 level1, 프로그래머스 level1 문제풀이, 팀프로젝트, 프로그래머스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바