Silver Library (Archived)

// 예시 import { useParams } from "react-router-dom"; function Alpha() { const { id } = useParams(); const package = AlphaList[id]; return ( {package.name} Main Stacks: {package.skills} ... ); } 아마 react-router-dom 으로 해본 것들은 이런 식으로 정리 해 나가지 않을까 싶네요. 다른 분들이 더 잘 적어 두었을테니 이번에도 나만의 공책이란 느낌으로 적어보고자 합니다. useParams() hook 이란 뭘까요? 일단 이건 react-router-dom 에서 지원되는 건데, 주 기능은 아래와 같습니다. 주 기능. parameter(매게변수) 의 ..

카카오 같은 곳에서도 react-query 에 대해 대서특필 해 둔걸 보면, 생각한 것 보다는 이득이 커 보입니다. 아마도, redux 또는 next.js 를 대체 할 수 있지 않을까 싶었는데 꼭 그렇지는 않아 보입니다. 마찬가지로, next.js 도 같이 사용이 가능해 보이네요. React-query Overview | TanStack Query Docs React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applica..

netlify 도 좋지만, 속도나 안정성만 놓고 보면 AWS가 블랙기업이긴 하지만 좋아 보이긴 합니다. aws 도 netlify 처럼 free tier 의 경우, 적어도 1년은 별 문제 없이 무료로 webpage hosting 이 가능해 보입니다. Cloudflare 도 그렇고, 다양하게 터미널을 구성 해 둔게 보입니다. AWS Free Tier Limits - Everything You Need To Know The AWS Free Tier offers a wide range of services. Utilize this free tier services with SourceFuse - AWS Advanced Consulting Partner. www.sourcefuse.com

#1 반응형을 할 거면(모바일을 고려 할 거면) 무조건 모바일 페이지 먼저 설계하기. #2 설계, 코드 구성의 단면도(directory)를 적어두면, 후반부로 갈 수록 매우 유리. #3 피로도와 효율을 고려, 같은 주제로 절대 무엇이든 1주 이상으로 진행하지는 말기. 이제 남은 건, 아쉬운 점을 개선 해 보는 걸테죠. 이번에 느낀점은, 나름 css 에서 주석도 목적을 가지고 남겼는데 생각보다 낙서처럼 되어있었다는 점 정도일까요. 이번 개인 페이지의 경우, CSS 만 틈틈히 개선하면 큰 문제는 없을 것 같습니다. 다음 개선점은 width, 그리고 navbar 메뉴 개선 정도겠죠.