CSS
•
폴더트리
◦
어느곳에서나 사용되는 css 의 경우 common.css 에 주석을 달아 넣어주세요. 닌텐도 프레임의 경우를 예로들면 아래와 같습니다.
/*[start] nintendo frame==========================================================================*/
.container_frame {
display: flex;
flex-direction: column;
place-items: center;
width: 100%;
height: 100%;
}
.nintendo_frame {
background-image: url("../images/nintendo_frame.png");
background-position: center;
background-repeat: no-repeat;
width: 994px;
height: 918px;
display: flex;
flex-direction: column;
place-items: center;
}
.nintendo_top_frame {
/*위치 확인용 색상*/
background-color: blue;
width: 468px;
height: 346px;
position: relative;
top: 79px;
left: 2px;
}
.nintendo_bottom_frame {
/*위치 확인용 색상*/
background-color: black;
width: 469px;
height: 348px;
position: relative;
top: 137px;
}
/*[end] nintendo frame==========================================================================*/
CSS
복사
◦
특정 기능에서만 사용되는 경우 대기능의 이름을 딴 stylesheet 에 넣어주세요.
router
•
index.js 에 import 해야합니다. (user.js 를 참고해주세요)
component
•
모달, 버튼 과 같이 자주 사용하는 컴포넌트를 관리하는 곳입니다.
portal
•
실제 작업하는 공간이며, 작업물이 쌓일경우 대기능을 토대로 디렉토리를 만들어 관리를 할 예정입니다.
•
상세 내용은 frame 디렉토리를 확인해주세용