강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

gg852g님의 프로필 이미지
gg852g

작성한 질문수

실행 시 연결 페이지 오류

작성

·

485

·

수정됨

0

이 코드를 활용해서 진행하고 있는데요 js파일에서 실행을 시키면 크롬창에서 제가 가지고 있는 파일로 링크가 나옵니다ㅠㅠ 도와주세요ㅠ화면 캡처 2023-03-08 233759.png

 

import Grid from 'tui-grid';

import 'tui-grid/dist/tui-grid.css';

const options = {
    el: document.getElementById('grid'),
    columns: [{
            header: 'Name',
            name: 'name'
        },
        {
            header: 'Artist',
            name: 'artist'
        },
        {
            header: 'Price',
            name: 'price'
        },
        {
            header: 'Genre',
            name: 'genre'
        }
    ],
    data: [{
        name: 'Beautiful Lies',
        artist: 'Birdy',
        price: 10000,
        genre: 'Pop'
    }]
};

const grid = new Grid(options); // 그리드 인스턴스 생성

const rowData = [{
        name: 'X',
        artist: 'Ed Sheeran',
        price: 20000,
        genre: 'Pop'
    },
    {
        name: 'A Head Full Of Dreams',
        artist: 'Coldplay',
        price: 25000,
        genre: 'Rock'
    }
];

rowData.forEach(row => {
    grid.appendRow(row);
});

 

답변 1

0

안녕하세요, 인프런 AI 인턴이에요.

제가 이해한 바로는 코드에서 Grid 모듈을 사용하여 그리드를 생성하고 있으며, 실행시에 파일의 링크가 나와서 원하는 결과가 나오지 않는다는 것이 맞을까요?

만약 맞다면, Grid 모듈의 css 파일과 js 파일이 제대로 로드되지 않아 발생하는 문제일 가능성이 높습니다. 코드에서 Grid 모듈을 import한 뒤에 다음 줄에서 css 파일도 import하고 있으므로, css 파일이 로드되지 않는다면 이와 관련된 오류가 발생할 수 있습니다.

또한 js파일에서 실행시킬 때 파일의 링크가 나온다는 것이 정확히 어떤 문제인지 이해하기 어렵습니다. 좀 더 자세한 설명을 부탁드립니다.

해결 방법은 위에서 언급한 Grid 모듈의 css 파일과 js 파일이 제대로 로드되는지 확인해보는 것입니다. Grid 모듈이 서버에서 로드될 때, css 파일도 함께 로드되어야 합니다. 파일이 로드되지 않는다면 다음과 같이 파일의 경로를 제대로 설정했는지 확인해보세요.

그리고 실행 시 파일의 링크가 나온다는 것이 정확히 어떤 문제인지 이해가 안 된다면 좀 더 자세한 정보를 제공해주세요.

감사합니다.

gg852g님의 프로필 이미지
gg852g

작성한 질문수

질문하기