📌 안녕하세요. 저는 React와 Next를 사용해 프론트엔드 개발을 하고 있고 node, express로 백엔드 공부를 하고 있습니다.
kagrin97 / nextjs-myblog Goto Github PK
View Code? Open in Web Editor NEWNextJS를 이용해서 블로그를 만들었습니다
Home Page: https://kagrin97-blog.vercel.app/
NextJS를 이용해서 블로그를 만들었습니다
Home Page: https://kagrin97-blog.vercel.app/
기존 posts폴더안에 모든 포스터 파일들이 들어있었는데
카테고리별로 폴더로 정리하는 기능을 구현해보겠습니다.
dev중에 Hydration에러가 나타났습니다. Nextjs에서는 이 문제를 이렇게 설명하고 있습니다.
Nextjs 보여준 해결 방법으로 fix하겠습니다.
기존의 포스터의 메타데이터를 만드는 함수를 utils/makeMeta라는 파일에 함수로 따로 뺴서 재사용성을 높이겠습니다
최상 위 함수와 일반적인 함수와의 차별점을 나타 내기위해 진행하는 리팩토링입니다
기존에 포스터 내용을 보여주는 태그들을 컴포넌트로 만들어서 재사용성을 높이겠습니다
-메뉴버튼 실행중 외부를 클릭하면 메뉴가 사라지게 만들어봅시다
nextJS로 만든 블로그에 댓글 구현하기(utterances)
pages의 최상위에서 파일로써만 존재하던 페이지를 폴더안 index로 변경
pages/abc.js -> pages/abc/index.tsx 로 변경
IOS의 Picker와 동일한 기능을 제공하는 Picker 컴포넌트를 만드는 방법에 대해 자세히 알아봅니다.
React Query를 사용할때 더 좋은 데이터 관리 방법을 알아봅시다.
원래 home페이지에 존재하던 최신포스트5개를 가져오는 기능을 삭제하고
home페이지를 새로 꾸미겠습니다.
카테고리 페이지마다 들어있는 getSearchPosts함수를
훅으로 만들어서 재사용성을 높이겠습니다.
Promise, Promise.all(), Promise.allSettled(), Promise.race()
strong태그안 텍스트들이 다크모드일때 남색으로 바뀌어서 식별하기 어렵습니다
fix해보겠습니다
안녕하세요, 흥미로운 repo여서 관심있게 봤습니다.
초기 html에 서버에서 동적으로 생성된 메타태그가 주입되지 않는 문제라는 내용을 봤는데, _app.tsx
에서 SSR일 때 비어있는 dom을 렌더하게 되어 원하시는 메타데이터가 주입이 되지 않는것을 발견했습니다. 해당 부분을 개선하시면 원하시는 메타데이터가 적용되실거에요.
Lines 10 to 20 in baab7ed
기존 구글에 검색했을때 포스터에 날짜가 제대로 나오지않는 문제때문에
메타데이터에 날짜를 추가합니다
top버튼을 어디에서든 쓸수있거 컴포넌트화 합니다.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.