Studyyyyy

https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-%EC%93%B0%EC%A7%80-%EB%A7%90%EA%B3%A0-insertAdjacentHTML-%EC%82%AC%EC%9A%A9%ED%95%98%EC%9E%90 🌐 insertAdjacentHTML로 쉽게 append 하자DOM에 텍스트로된 html 삽입하기 개발자들이 제이쿼리를 애용해왔던 이유중 하나가 바로 텍스트로 된 html문자열을 그대로 함수에 넣으면 바로 DOM에 추가/삽입이 된다는 점이었다. $('div').append('안inpa.tistory.com 무한스크롤로 데이터를 계속해서 추가해줘야할 일이 있었을 때 배운 방식이다. inner..

https://americanopeople.tistory.com/253 {{ report.report_status }} => 숫자로 나옴{{ report.get_report_status_display }} => 텍스트로 잘 나옴

장고에서 for in 문을 사용해서 개체들을 나열할 때, 각각의 id에 고유성을 줘야하는 부분에서 막혔었다.이럴 경우에 사용하는 것이 forloop.counter 이다.{% for data in datas %} Lorem ipsum dolor sit amet. {% endfor %} forloop.counter0 을 사용하면 index가 0부터 시작하고,forloop.counter 을 사용하면 1부터 시작한다. id에 넣어줄 때는 숫자만 넣으면 고유성을 해칠 우려가 있으니 꼭 상황에 맞는 텍스트와 같이 넣어주는것이 좋다고 한다. +) forloop.counter - 루프의 현재 반복 횟수 (1부터 시작) forloop.counter0  -  루프의 현재 반복 횟수 (0부터 시작) forlo..

https://hudecz.medium.com/how-to-create-a-pure-css-toggle-button-2fcc955a8984

https://stackoverflow.com/questions/63406435/how-to-detect-window-size-in-next-js-ssr-using-react-hook

https://surviveasdev.tistory.com/entry/Nextjs%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%84%9C-%EB%8B%A4%EA%B5%AD%EC%96%B4-%EC%A7%80%EC%9B%90%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-next-intl-next-app-router Next.js를 사용해서 다국어 지원하는 방법 - next-intl, next app routerNextjs 13/14에서 다국어(localization)를 지원 할 수 있도록 설치 부터 어떻게 다른 언어를 사용 할 수 있는지 알아보겠습니다. 예시에서 사용될 next.js에 버전은 13/14이고 여기서 app 라우팅을 사용해서surviveasdev...

정적페이지(ssg)에서 동적페이지로 전환하면됨(ssr)https://velog.io/@kiyoonj/Next.js-13-Vercel%EB%A1%9C-%EB%B0%B0%ED%8F%AC%EC%8B%9C-DB-%EB%B0%98%EC%98%81-%EC%98%A4%EB%A5%98

주소/sitemap.xml로 들어가서 보여야 정상https://raondev.vercel.app/posts/nextjs-sitemap-metadata Raon.dev안녕하세요. Raon.dev의 개발 블로그 입니다. 주로 Front-end 관련 글을 작성합니다. Youtube 에서 라이브 방송을 합니다.raondev.vercel.app - metadata에 og:image 설정하기 => tag image 적용할 폴더에 'opengraph-image.png' 파일 추가https://www.ha0.work/detail/64d46dbdc08a20f254a95589