map으로 돌린 반복문에서

[이준영]

리액트로 캘린더 프로젝트를 만드는데, 현재일수와 전달일수 다음달일수 세개를 합하여 배열을 만들고 map으로 달력에 넣으려고 합니다.

var 저번달 = [];
    for ( let i = lastMonth.getDate() - thisMonth.getDay() + 1; i <= lastMonth.getDate(); i++ ) {
        저번달.push(i);
    }
    var 현재달 = [];
    for ( let i = 1; i <= thisLastDay.getDate(); i++) {
        현재달.push(i);
    }
    var 다음달 = [];
    for ( let i = 1; i <= (6-thisLastDay.getDay()); i++) {
        다음달.push(i);
    }
    var 달력 = [...저번달,...현재달,...다음달];

{
                                    달력.map(function(day,i){
                                        return (
                                            <td key={i}>{day}</td>
                                        )
                                    })
}

이렇게 나오는데,  7까지에서 끊고 밑으로 보내는 방법은 없을까요? table의 td에 width를 100/7%를 주고 table넓이를 고정시키면 될까요..?

[codingapple]

표가 아니라 display : flex; flex-wrap : wrap 이런거면 자동으로 밑으로 내려갈듯 합니다 

표 사용할거면 7번마다 <tr>을 하나 새로 생성해줘야해서 귀찮을듯요 

[글쓴이]

글