본문 바로가기

전체 글

(36)
[ant.design] html 페이지에 햄버거 메뉴 추가하기 create-react-app + antd 조합 으로 간단하게 랜딩페이지를 만들고 햄버거 메뉴를 추가해 보았다. import React, {useState} from 'react'; import {MenuUnfoldOutlined, MenuFoldOutlined} from '@ant-design/icons'; import type {MenuProps} from 'antd'; import {Layout, Button, Menu, Typography} from 'antd'; import "./Home.scss"; const {Header, Sider, Content} = Layout; const {Link} = Typography; const items: MenuProps['items'] = [ { labe..
[CSS] 스크롤 올리면 변경되는 헤더 create-react-app 으로 만든 프로젝트에서 스크롤을 올림에 따라 변경되는 헤더 만드는 방법을 알아보자. HTML 코드 script 태그 부분이 핵심이다. header 의 offset 을 인지하여 small 클래스를 동적으로 부여 또는 삭제해 준다. CSS 코드 동적으로 부여된 #header.small 부분이 핵심이다. postion 을 fixed로 잡아주고(top: 0, left: 0) height 를 부여해줬다. #header 에서는 transion 부분과 z-index 부분이 핵심이다. transion 은 변경이 부드럽게 보이도록 하고 z-index 는 content 부분이 스크롤되어서 올라와도 header 가 항상 제일 위에 보이도록 설정해 준다. .App { text-align: cen..
[드루이드 고행던전 클리어율 Up! #3] 최고의 방어는 공격!! 극대화 확률 높이기 드루이드 고행던전 클리어율 Up! #1 드루이드 고행던전 클리어율 Up! #2 에 이어서 마지막으로 공격력에 도움이 되었던 위상을 정리해 보았다. 공격력을 7206 -> 9368 까지 상승 시켜줬다. 폭풍강타(기본기술)을 서서 사용할 때 효과를 봤다. 폭풍강타(기본기술)로 영력을 채운후 쳐부수기를 사용할 때 효과를 봤다. 짓밟기 사용후 패시브로 화면 전체에 걸쳐서 일어나는 패시브 인데 양손무기에 각인 해서 x2 효과를 봤다. 60~70 구간에서 유용했던 위상인데, 현재는 마땅한 위상이 없어서 사용중이다. 좋은 효과이지만 고행 단계에서는 데미지가 약한듯 하다. 가만히 서있을 때 공격력 변화 테스트 요약해보면 극대화 확률을 높여주는 스킬(확정적으로 20%를 올려주는 냉혹한 맹독 덩굴 추천!) 혹은 마법부여를..