이상한 일이다. react로는 돌아가지 않던 것이 next에서는 돌아간다. 왜 그런 현상이 발생하는지는 알 수 없는 일이다. 그 결과 카드로 다음과 같이 내보내는데 성공했다. ![스크린샷 2023-12-06 오후 10.23.27.png](https://cdn.steemitimages.com/DQma5xTuMun19PbZRiPrTMPJqPxxxbe6aiq83Ccg762TbdR/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-12-06%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2010.23.27.png) 코드는 다음과 같다. >import steem from 'steem'; >function getDiscussionsByBlog(query) { > return new Promise((resolve, reject) =>{ > steem.api.getDiscussionsByBlog(query, (err, result) =>{ > resolve(result); > }) >}) >} >export default async function Home() { > let query ={ tag : "section-1", limit : 1} > const posts = await getDiscussionsByBlog(query); > return ( >

국내정치

height="100px" alt='desert'> >

{posts[0].title}

{posts[0].body.slice(0, 100)}

> ); >} react의 그 수많은 error 멧세지를 내보내지 않고 깔끔하게 내보내주는 next가 고마웠다. 그러나 다시 next를 공부해야 하겠다. next가 react 기반이라고 하지만 그래도 다시 익혀야 한다. 시간이 좀 걸리더라도 처음부터 차분하게 강의를 들어 보려 한다. react가 문제를 일으켜서 svelte로 steem.api를 불렀는데 이상하게도 500 error가 발생한다. 500 error는 내 실력으로는 넘사벽이어서 패스했다. 왜 그런지는 고수들의 연구가 필요할 것 같다. 이럭저럭 vue, svelte, react까지 초보적인 스터디는 다 해보았다. 이제는 next 까지 진출했다. 여전히 가장 애로 사항을 느끼는 것은 생 자바스크립트 실력이다. 며칠간 next에 대한 기초를 익히고 다시 자바스크립트 예제 문제를 풀어 나가야 하겠다.