본문 바로가기
반응형

분류 전체보기188

[next.js] 다이나믹 라우팅이 안될 때 파일 기반 라우팅 시스템에 익숙하지 않거나 잘못 이해하게 되면 라우팅 사용시 오류가 발생할 수 있습니다. 아래의 경우에 따라서 문제가 발생할 수 있으며 하고있는 프로젝트에 동일한 문제가 발생하고 있는지 체크하여 위 라우팅 문제를 방지할 수 있습니다. 1. 파일 및 폴더명 규칙 무시: Next.js의 파일 기반 라우팅은 페이지를 생성할 때 파일 및 폴더 이름을 사용합니다. 파일 이름에 불필요한 문자를 포함하거나, 필요한 문자를 누락하는 경우, 이로 인해 예상치 못한 라우팅 오류가 발생할 수 있습니다. 예를 들어, **pages/post/[id].js**라는 파일을 만들었을 때, 이 파일은 post/1, post/2와 같이 동적 라우트를 생성합니다. 만약 대괄호([, ])를 누락하여 **pages/post/.. 2023. 7. 2.
기초부터 고급까지 리액트(react) 강의 추천 이전 회사에서는 2년간 블록체인, 서버, 프론트엔드 등 다양한 경험을 쌓았습니다. 그러나 이제는 하나의 기술에 전문화하고자 하고, 화면 구성에 관심이 있어 프론트엔드 개발을 선택하게 되었습니다. 프론트 프레임워크를 어떤 것을 선택할지 고민(할 때 React와 Next.js를 배워야 하는 이유)하면서, React를 선택했고, 좋은 강의를 찾아보았습니다. 어떤 강의를 들을지 몰라서 일단 유튜브에 있는 무료 강의를 듣기로 결정했습니다. 유튜브에는 많은 기초 강의들이 있었고, 그 중 '생활코딩'이 가장 유명한 것 같아 '생활코딩' 강의를 선택했습니다. 강의 구성이 명확하고 이해하기 쉬워서 내용을 잘 따라갈 수 있었습니다. 듣고 난 후에는 좀 더 깊이 있는 내용이나 실무적인 내용이 필요할 것 같아 다른 강의들을 .. 2023. 6. 18.
프론트엔드 프레임워크 선택의 중요성: 왜 React와 Nexjs를 배워야 하는가? 현대 웹 개발에서 프론트엔드 프레임워크는 매우 중요한 역할을 웹 애플리케이션의 구축과 유지보수에 필수적인 도구로 사용됩니다. 현재에는 다양한 프론트엔드 프레임워크(React, Vue ,Svelte)들이 존재하며, 개발자들은 어떤 프레임워크를 공부해야할지 고민할 때가 많습니다. 그 중에서도 React와 Next.js는 주목할 만한 프레임워크로, 이 두 가지를 배워야하는 이유에 대해 알아보겠습니다. React란? React는 가장 인기 있는 프론트엔드 프레임워크 중 하나입니다. 많은 개발자들이 React를 선택하는 이유는 그 유연성과 성능 때문입니다. React는 컴포넌트 기반 아키텍처를 사용하여 모듈화된 개발을 가능하게 하며, 재사용 가능한 UI 요소를 구축할 수 있습니다. 또한, Virtual DOM을 .. 2023. 6. 18.
Javascript 관련 라이브러리 사용 통계 볼 수 있는 사이트 javascript(자바스크립트) 라이브러리 와 프레임워크들이 얼마나 많이 사용되고 있는지를 비교할 수 있는 사이트를 소개해드립니다. The State of JavaScript 2019 2019.stateofjs.com 2016년부터 2019년까지 Vue.js 프레임워크를 얼마나 사용했는지 추이를 보여줍니다. 이것을 통해서 라이브러리 어떤 걸 사용할지 고민할 때 많이 사용하는걸 추천드립니다. 문제가 생겼을 때 해결 구글링을 편하게 할 수 있기때문입니다. 2021. 3. 12.
반응형