inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Bắt đầu với Next.js (feat. phát triển dịch vụ bản đồ)

Tải dữ liệu cửa hàng (feat. SWR)

매장 데이터 json 파일

Đã giải quyết

675

CJY00N

1 câu hỏi đã được viết

3

안녕하세요, 강사님 강의 잘 수강하고 있습니다!

3-2 매장 데이터 불러오기 강의에서

매장 정보가 담긴 json 파일은

어디서 구해오는 파일인지 궁금합니다.

올려주신 json파일로 강의 수강 진행하고 있지만, 원하는 다른 매장 데이터로 이용하고 싶을 경우 어디에서 이 json 파일을 얻어와야 하는 것인가요?

 

감사합니다!

next.js seo Next.js vercel csr ssg ssr

Câu trả lời 2

1

CJY00N

답변 감사드립니다 ~~!

1

jyp930

안녕하세요! 질문 감사드립니다 :)

결론부터 말하면, 1. 매장의 nid(naver id)를 얻는 수작업 + 2. 특정 nid에 대한 json을 만드는 크롤링 작업을 수행했습니다.

강의에서 제공된 json 파일의 정보들은 다음과 같은 과정으로 채워넣었습니다.

  1. 원하는 매장 목록을 리스트업한다.(ex> 식스센스에 나온 매장 목록 리스트업)

  2. 네이버 지도에 하나씩 검색하며 nid를 얻는다.(ex> 네이버 지도 검색창에 '에빗'을 검색하면 url이 'https://map.naver.com/v5/search/%EC%97%90%EB%B9%97/place/1838135293'로 변경됩니다.)

  3. 2번에서 얻은 nid에 대해 크롤링을 수행한다.

    1. 'https://pcmap.place.naver.com/restaurant/1838135293/home' 에서 매장에 대한 기본정보를 크롤링합니다.

      1. Python에서 selenium과 beautifulsoup4을 이용하여 크롤링했습니다.
        html = driver.page_source
        soup = bs(html, "html.parser")

        1. 매장 이름처럼 눈에 보이는 정보들은
          name = soup.select_one('...selector...').get_text()
          와 같이 코드를 작성하고,

        2. description, 위경도처럼 page_source에서 parsing할 수 있는 정보들은
          description = 파싱함수(html, '"description":"', '","')
          와 같이 코드를 작성했습니다.

    2. 'https://pcmap.place.naver.com/restaurant/1838135293/menu/list' 에서 매장의 메뉴판을 크롤링합니다.

    3. 크롤링된 정보들을 모아 json 파일을 작성합니다.

크롤링에 대한 설명은 강의 주제와 맞지 않아 커리큘럼에서 제외했었다는 점 양해부탁드립니다🥲
꼭 위의 과정을 거치지 않아도 다른 사이트나 다른 방법으로 매장에 대한 위경도 좌표와 여러 정보를 얻을 수만 있다면, Store의 type과 매장 상세 페이지 UI를 취향에 맞게 변경하는 것도 재미있는 개선 방향일 것 같습니다.

혹시 답변이 부족했다면 다시 댓글 남겨주시길 부탁드립니다🙏 감사합니다!

API 라우터를 사용해야 하는 경우에 대해

1

222

1

키보드 어떤 거 사용하시나요

1

398

1

next.js 멀티플 런타임 관련해서 질문 올립니다..

1

427

2

아주 기초적인 질문입니다.

1

398

1

서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?

1

1263

2

수업을 듣다가 SSR에 관하여..

1

609

2

interface 와 type

1

436

1

엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

1

450

1

onLoad함수 (script태그의 onLoad X)

1

474

1

dynamic에 대한 질문

1

503

1

SSR vs SSG

1

529

2

NoSSR 관련한 질문입니다:)

1

414

1

a tag 질문 !

1

374

2

8분 20초 배포 관련

1

375

2

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

0

2810

2

emotion styles 파일이 빌드시 경고로 뜹니다.

1

486

1

naver map 이 출력되지 않습니다.

1

538

1

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

1

317

2

Failed to load resource: the server responded with a status of 404 ()

1

1093

2

VSCode 익스텐션 궁금합니다.

1

398

1

상태관리 질문 있습니다!

1

492

1

swr에 대한 질문입니다. (용어 관련)

1

423

1

swr 질문입니다!

1

377

1

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

1

730

2