그럴듯한 개발 블로그
article thumbnail
Next.js프로젝트에 구글 애드센스 달기
<frontend>/next.js 2024. 6. 28. 23:34

nextjs app router 기준 애드센스 적용 방법에 대해 정리해 보았다.애드센스 관련 레퍼런스가 적어서 많이 헤맸다..중간에 포기하고 카카오 애드핏이나 쿠팡광고를 붙여볼까 싶었지만 너무 높은 수수료 때문에 관뒀다 거의 두 배 차이 난다 먼저 애드센스 허가부터 받아야 한다.애드센스 심사는 텍스트 기반이라 글이 많은 블로그같은 서비스가 아니라면 허가가 쉽지 않다./blog폴더에 글을 2000자 이상 넣는 꼼수를 써봤지만 실패했다.결국 티스토리에 도메인 연결, 애드센스 연동 후 옮기는 방법을 사용했다.https://www.youtube.com/watch?v=WE_gop9Vh4M이대로 해도 15번정도 요청 반려됐다; 13번째부터는 일주일 심사 쿨타임 걸리니 마구 누르지 말 것.트래픽 어느정도 있어야 하는..

서버리스 nextjs
<frontend>/next.js 2024. 5. 22. 12:48

겁나 싼 서버리스로 nextjs서버를 돌리면 어떻게 될까?장점자동 확장성: 서버리스 아키텍처는 자동으로 확장된다. 트래픽 증가 시 Lambda 함수가 자동으로 더 많은 인스턴스를 실행하여 요청을 처리한다.관리 부담 감소: 서버를 직접 관리할 필요가 없으므로, 인프라 관리에 대한 부담이 줄어든다. 이는 운영 및 유지보수 작업을 줄여준다.비용 효율성: 사용한 만큼만 비용을 지불하는 Pay-as-you-go 모델을 사용한다. 트래픽이 적을 때 비용이 절감될 수 있다.빠른 배포: 서버리스 환경에서는 애플리케이션을 빠르게 배포하고 업데이트할 수 있다. 이는 개발 속도를 높이는 데 도움이 된다.무중단 배포: 새로운 코드를 배포할 때 서비스 중단 없이 배포할 수 있다.단점파란색 글자: 솔루션콜드 스타트: Lambda..

next.js 블로그 제작 후기
<frontend>/next.js 2023. 12. 25. 23:39

https://donghyun1998.github.io/ https://donghyun1998.github.io/ donghyun1998.github.io 42 서울 webserv과제가 끝난 후 빈둥대던 와중 sunhwang님이 nextjs로 개인 blog 만들기 스터디를 모집하시길래 후다닥 들어갔다. c, c++, webserv에서 배운 기본 지식? 정도만 알고 있는 나에겐 스터디 첫날 스터디원분들의 대화를 10퍼센트도 이해하지 못했다. 그래서 모르는 키워드들을 노션에 전부 적어두고 스터디장이신 sunhwang님을 붙잡고 죄다 물어봤다. 다행히 webserv에서 배운 지식들 기반으로 여러 번 여쭤본 결과 조금이나마 이해할 수 있었다. 한 달 동안 진행된 스터디에서 아주 많은 것들을 얻을 수 있었다. 1..

article thumbnail
nextjs mongoDB id 서버컴포넌트에서 클라이언트 컴포넌트로 안보내짐
<frontend>/next.js 2023. 12. 21. 01:27

nextjs로 게시판 만들어보고 있는데 기가 막힌 상황이 생겼다. // server component export default async function List() { let db = (await connectDB).db("noticedb"); let result = await db.collection("post").find().toArray(); return ( ); } // client component export default function ListItem({ result }) { // console.log(result); return ( {result.map((value, index) => { return ( {value.title} 🔧 { fetch("/api/post/delete", {..