전체 글

프레임워크/라이브러리를 살펴 보기에 앞서 간단하게 SPA(Single Page Application)에 대해서 짚어보자. SPA Single Page Application 으로 모던 웹의 패러다임이다. 특징은 아래와 같다. 기본적으로 단일 페이지이다. 따라서 기존의 서버 사이드 렌더링에 비해 배포가 쉽고, 모바일 앱과 같은 UX를 제공한다. 기본적으로 모든 정적 리소스를 최초 한 번만 다운로드 받는다. 새 페이지 요청 시, 필요한 데이터만 전달 받아 페이지를 갱신한다. 필요한 부분만 갱신하므로 새로고침이 발생하지 않고 속도도 빠르다. 위의 장점과 더불어 처음에 다운로드 크기가 크므로 초기 속도는 느린 편이다. ✅ React vs Vue vs Angular vs Svelte React Vue Angular..

✨ 준비 30기 THE SOPT의 핵심가치는 실천, 연결, 발전 자신의 열정을 적극적으로 실천할 사람, 다른 사람들과 연결되어 소통할 사람, 용기를 갖고 도전하여 발전해 나갈 사람을 모집하는 것이었다. 이를 바탕으로 면접 문항을 작성하기 시작했다. 우선 공통질문은 다음과 같다. 공통질문 자신을 가장 잘 나타내주는 경험을 해시태그 3가지로 이유와 함께 소개해주세요. -> ‘#연습 #끈기 #완주’ 로 비유하여 표현하였다. 자발적으로 어떠한 결과를 이루어내기 위해 꾸준히 실천한 경험이 있나요? 실패한 경험도 좋습니다. 그 실천의 계기와 결과를 포함한 구체적인 과정을 지원자가 배운 점과 함께 이야기해주세요. -> 내 취미는 춤을 추는 것이었기 때문에 연습하는 과정에 대한 이야기를 기반으로 작성하였다. 지원자는 ..

✨ 들어가기 NextAuth.js는 Next.js 애플리케이션을 위한 Social 로그인을 쉽게 관리할 수 있는 라이브러리입니다 . ✨ 설치하기 yarn add next-auth ✨ 폴더구조 세팅하기 └── .env └── 📁 pages ├── 📁 api │ └── 📁 auth │ └── [...nextauth].ts ├── _app.tsx └── _document.tsx ✨ 환경변수 설정하기 네이버, 카카오, 구글 로그인 총 3개의 소셜 로그인을 진행할 예정이므로 이에대한 개발자 등록을 진행한 뒤 각각에 해당하는 ID or Key / Secrect 을 환경변수로 설정해준다. NEXT_PUBLIC_KAKAO_API_KEY= NEXT_PUBLIC_KAKAO_JS_KEY= NEXT_PUBLIC_KAKAO_S..