분류 전체보기215 Next.js Page Router와 App Router Next.js 13 버전에서 새롭게 공개된 App Router 방식은 몇 번의 업데이트를 거쳐 현재(포스팅 작성 시점 기준 13.5) 는 꽤 높은 수준의 안정성을 가지게 되었습니다. 저도 작은 프로젝트들에서 App Router 방식의 Next.js 프로젝트를 새로 시작하거나 마이그레이션 해보며 직접 사용해 보았는데, Emotion 호환 정도를 제외하곤 안정성 면에서 큰 문제를 느끼지 못했습니다. (MSW에 대한 문제도 있다고는 들었지만 직접 확인해보지는 못했습니다.) 위처럼 몇 가지 단점들이 존재하더라도 App Router는 그것을 감수하고 사용할만큼 충분히 매력적인 선택지입니다. 이번 포스팅에서는 App Router가 등장하게 된 배경과 이유, Page Router와는 어떤 부분들이 달라졌는지에 대해 .. 2023. 10. 8. Github에 2FA 설정하기 들어가며 오는 2023년 말부터 Github를 이용하려면 2FA(2단계 인증, Two-Factor Authenication)를 반드시 설정해야합니다. 2FA 자체는 이전에도 지원했던 기능이지만 Github 정책의 변경으로 선택에서 필수가 되어, 해당 기능을 사용하지 않는 유저는 로그인시 일주일간의 적용 유예 기간을 알림을 보게 됩니다. 당장은 건너뛸 수 있지만 일주일 이후에는 Github의 기능을 정상적으로 사용하기 어려워보이니 이참에 적용해보겠습니다. 2FA 적용하기 먼저 인증용 기기와 Github 계정을 연동하는 것부터 시작합니다. PC라면 브라우저 확장프로그램이나 모바일 앱등을 이용하여 인증 기기를 추가할 수 있는데, 저는 앱을 이용하겠습니다. 앱에서 QR 코드를 스캔하여 토큰을 발급받고, Veri.. 2023. 9. 30. Next.js로 metadata 구성하기 얼마 전 작은 규모의 신규 프로젝트에 프론트엔드로 참여할 기회가 생겼습니다. 프로젝트 특성상 외부에 노출되는 빈도 수가 매출에 큰 영향을 끼치기때문에 SEO(Search Engine Optimization, 검색 엔진 최적화)가 굉장히 중요한 요소가 되었습니다. 그 중에서도 페이지가 갖고 있는 메타데이터(Metadata)는 SEO에 있어 가장 중요한, 빼놓을 수 없는 요소입니다. 그러나 우리가 주로 사용하던 React.js의 일반적인 CSR 방식으로는 이러한 수요를 만족하는데 한계가 있었습니다. 그러한 이유로 SEO에 유리한 Next.js를 선택하게 되었는데, 오늘 포스팅에서는 Metadata에 대해 알아보고 이를 통하여 어떻게 SEO를 향상시킬 수 있는지 알아보겠습니다. SEO SEO 수준을 결정하는 .. 2023. 9. 24. 오픈 소스 라이센스에 대해 (Open Source License) 소프트웨어 개발을 직업으로 하고 있는 사람들이라면 이미 수많은 오픈 소스 라이브러리를 사용했던 경험이 있을겁니다. 시중에는 훌륭한 퀄리티의 오픈 소스 프로그램들이 무료로 배포되고 있기 때문에, 오픈 소스에 대한 경험 자체는 개발자가 아니더라도 한 번쯤은 갖고 있기 마련인데요. 오늘은 오픈 소스에서 빠질 수 없는 친구인, 라이센스에 대해 알아보려고 합니다. 오픈 소스 프로그램 오픈 소스 소프트웨어란 소스 코드가 공개되어 누구든 특별한 제한 없이 그 코드를 보고 사용할 수 있는 라이센스를 만족하는 소프트웨어를 통칭합니다. (wikipedia - open source software) 대표적으로 응용 프로그램에는 개발자들이 사랑해 마지 않는 IDE인 이클립스(농담입니다)나 버전 관리 프로그램인 Git, 가장 .. 2023. 9. 17. Cloudflare로 https 적용하기 지난 인터넷 프로토콜 HTTP와 HTTPS 포스트에서는 https가 무엇이며, 어떤 역할을 하는지에 대해 알아보았습니다. 오늘은 운영중인 사이트에 실제로 https 연결을 적용해보는 방법에 대해 알아봅니다. 적용 방법 https는 인증과 암호화를 통해 연결의 보안성과 무결성을 확보합니다. 이때 필요한 것이 바로 인증서인데, 가장 안전한 방법으로는 신뢰할 수 있는 기관이 발급해주는 인증서를 사용하는 방법이 있습니다. 여기서 말하는 신뢰할 수 있는 기관이란 국제적으로 인정받은 전문 인증서 발급기관으로, 대표적으로는 GeoTrust나 GlobalSign 등이 있습니다. 이러한 기관에서 발급 받은 인증서는 기관 차원에서 인증서를 보증한다는 장점과, 관리를 위한 전문가가 존재한다는 장점이 있지만 개인이 사용하기에.. 2023. 9. 10. 인터넷 프로토콜 HTTP와 HTTPS 오늘은 네트워크 기본 지식이자 면접 단골 질문 주제이기도 한 HTTP와 HTTPS에 대해 정리해보겠습니다. TCP/IP란? HTTP와 HTTPS에 대해 알기 위해서는, TCP/IP의 개념부터 알아야합니다. 컴퓨터가 네트워크 장비나 다른 컴퓨터와 통신하기 위해서는 반드시 서로 같은 방법을 사용하여 통신해야 합니다. 사람끼리의 의사소통에서도 서로 같은 언어를 사용해야 제대로 된 의미를 전달할 수 있겠죠? 사는 지역이 다르고, 성별이나 나이가 달라도, 심지어 국적이 다르더라도 같은 언어를 사용하는 사람들끼리는 소통이 가능합니다. 이는 컴퓨터도 마찬가지입니다. 지금 주위를 둘러보면 데스크톱이나 노트북, 스마트폰처럼 일반적으로 많이 사용하는 개인용 컴퓨터나, 스위치 장비나 게이트웨이 같은 네트워크 장비끼리들도 통.. 2023. 9. 3. 이전 1 2 3 4 5 6 7 ··· 36 다음
