# menu

개인프로젝트: VarGen(5.3)-입력데이터 관련 버튼 만들기
여기서 기능 기획을 했던 것 처럼 Create {countVariable} {subject} related variable names with {namingConvention} 이런 식으로 변수화 시켜서 prompt변수에 할당할 것이다! 자연스레 저 변수들을 버튼으로

Front-end 국비지원 #042일
결과HTMLSCSS모바일 720px 사이즈로 메뉴바를 먼저 제작하였다. left 100%를 벗어난 영역에서 나타나는 효과를 만들기 위해 position: fixed; , display: none; , left: -100% 를 적용한다. left: -100% 로 나간 모
[React] tab menu 구현하기
사용하는 것react.js, styled-components, typescript, frame-motiontab menu를 만드는 것은 전에 작성했던 accordion menu와 동일한 방법이다. 순서를 따지자면 tab menu를 만들고 아하~! 했던 것인데 게시글은

[TIL] CSS - Display
🖌️Display >* block, inline, inline-block* html이 모든 요소는 웹 브라우저에 어떻게 보이는가를 결정짓는 display라는 속성을 가지고 있다 (정확히는 body 내부에 들어오는 요소들) 기본적으로 inline 혹은 block 속성을

[HTML,CSS] menu bar 제작시 알아두면 유용할 태그 및 속성들
아이콘을 활용하여 메뉴바를 제작할 때 알아두면 유용한 것들을 소개해 보겠습니다여기서 class="indent" 는 css setting file에 만들어 놓은 속성으로text-indent(글자 들여쓰기) 속성을 최대한 많이 주어 화면상에 보이지 않고,제작자가 쉽게 알아

밑줄이 생기는 버튼을 만들어보자
div 태그를 하나 만들어준다.특별할 것 없는 디자인을 해준뒤css 가상 선택자를 통해 요소를 하나 만들어주고 처음 scale을 0 으로 만들어주고 transition을 설정해 줬다마우스를 올렸을때 scale을 1로 갖게 설정 해줬다.
board/Menu2.vue_20211227
board/Menu1.vue_20211227
App.vue
f5를 누를때마다 홈으로 가버림.컴포넌트 채로 새로고침 됨.sessionStorage.setItem('activeIndex2', idx);를 사용해서 세션저장소에 현재 메뉴의 index값 저장sessionStorage.getItem('activeIndex2');를 사용

[HTML/CSS] A11Y
가능한 많은 사람이 웹 사이트를 사용할 수 있도록 하는 방법통상적으로 장애인만을 대상으로 한다고 생각하지만 실제로는 모바일 장치를 사용하는 사람이나 느린 네트워크 연결을 사용하는 사람들도 포함하여 모든 사용자를 대상으로 함시맨틱한 HTML은 \*SEO 향상시킴접근성에
[Android] Action Bar Icon
이번 포스팅에서는 Andriod Action Bar 에 icon 을 오른쪽에 추가하는 방법에 대해 알아보자. (필자가 알기론 왼쪽에는 Drawer 버튼만 추가할 수 있다.) 먼저 추가할 icon 을 전부 담고 있는 menu resource file 을 생성한다. men