[06]SocialGallery Project

HJ-C·2022년 8월 31일

SocialGallery Project

목록 보기
7/12
post-thumbnail

SideMenu

1) 디자인 요소만 추가 향후 게시글을 누르면 그 페이지에 맞는 Router설정

	<section className="side-menu">
		<div className="side-menu__title">
			<div className="side-menu__title_info">
				<a>일상 Gallery</a>
				<span></span>
			</div>
		</div>
		{/* Side text */}
		<div className="side-menu__title-section">
			<div className="side-menu__title-header">
				<h2>전체 게시글</h2>
				<button>+</button>
			</div>
			{/* Side Contents */}
			<SideContents></SideContents>
		</div>
	</section>

1) 임시 데이터를 state에 저장후 map으로 반복

        <div className="side-menu__footer_links">
            <ul className="side-menu__footer_list">
                <li className="side-menu__footer_item">
                    <a className="side-menu__footer_link" href="#">{
                        foot.map((a,i)=>{
                        return(

                            <span  key={a.id} >{a.text} &nbsp;</span>
                        )
                        })
                        }</a>
                </li>
            </ul>
        </div>

profile
생각을 기록하자

0개의 댓글