IT교육 및 오픈소스 컨설팅, 정보시스템감리 용역
To generate a secure NEXTAUTH_SECRET for your Next.js application using NextAuth.js, you can follow these steps: 1. Generate the Secret You need a strong, random string as your NEXTAUTH_SECRET. You can generate this string using various methods: Option 1: Use a command-line tool If you have openssl installed on your system, you can generate a … 더 읽기
To obtain the KAKAO_CLIENT_ID and KAKAO_CLIENT_SECRET for integrating Kakao Login in your Next.js application, follow these steps: 1. Create a Kakao Developers Account Go to Kakao Developers. Log in with your Kakao account. If you don’t have one, you’ll need to create a Kakao account first. 2. Create a New Application Go to My Applications: … 더 읽기
개인정보수집을 피하는 방법중에 하나는 로그인 정보를 직접 구현하지 않고 소셜 로그인 기능을 사용하는 방법이 있습니다. 카카오 소셜 로그인 기능을 React와 Next.js를 사용해 구현하는 방법을 알아보도록 하겠습니다. 아래는 Next.js 프로젝트 설정 시 TypeScript, ESLint, Tailwind CSS, src/ 디렉토리, App Router, 그리고 커스텀 import alias를 사용하는 구성에 맞춘 전체 소스 코드 1단계: Next.js 프로젝트 생성 먼저 Next.js … 더 읽기
윈도우 환경에서 PostgreSQL을 사용하여 레드마인 설치하는 방법입니다. 1. 필수 소프트웨어 설치 이미 설치된 소프트웨어들 외에 PostgreSQL을 설치해야 합니다. 1.1. PostgreSQL 설치 PostgreSQL 공식 다운로드 페이지에서 윈도우용 설치 프로그램을 다운로드합니다. 설치 프로그램을 실행하고 PostgreSQL 서버, pgAdmin, Command Line Tools 등을 선택하여 설치합니다. 설치 과정에서 데이터베이스 사용자 이름, 비밀번호, 포트 번호 등을 설정합니다. 기본적으로 postgres 사용자가 생성되며, … 더 읽기
레드마인(Redmine)을 윈도우 환경에 설치할 수 있습니다. 윈도우에 레드마인을 설치하는 방법을 단계별로 설명합니다. 1. 필수 소프트웨어 설치 레드마인을 설치하기 위해 필요한 몇 가지 소프트웨어를 먼저 설치해야 합니다. 1.1. Ruby 설치 레드마인은 Ruby로 작성되어 있으므로, Ruby를 먼저 설치해야 합니다. RubyInstaller 사이트에서 최신 버전의 Ruby를 다운로드합니다. 버전 2.7.x 또는 3.0.x를 선택하는 것이 안전합니다. 다운로드한 설치 파일을 실행하고, "Add … 더 읽기
리액트 SSR과 CSR 컴포넌트 동시에 한 화면에 표출하는 예제를 만들어 봅니다. page.js import React from “react”; async function SsrComponent() { // Fetch data on the server side const res = await fetch(“https://66cc88b9a4dd3c8a71b7f996.mockapi.io/users”, { cache: “no-store”, // Ensure the data is fetched freshly on each request }); const data = await res.json(); return ( <div> <h2>SSR … 더 읽기
맥북에 레드마인을 설치하는 방법을 정리하였습니다. 데이터베이스는 Sqlite3를 사용하는 것으로 가정하고 방법을 나열하였습니다. 홈브루를 사용하여 먼저 루비를 설치하고, sqlite를 설치한 후 레드마인인 다운로드하여 설치합니다. How to install Redmine with SQLite3 on a Mac with an M3 chip 1. Install Homebrew (if not installed) Homebrew is a package manager for macOS that simplifies the installation of software. … 더 읽기
타입스크립트(TypeScript)와 자바스크립트(JavaScript) 문법적 차이 7가지 통상 타입스크립트는 자바스크립트보다 더 안전하고 유지보수하기 쉬운 코드를 작성할 수 있게 해줍니다. 타입을 명시하고, 인터페이스를 정의하며, 코드 작성 시점에서 오류를 발견할 수 있어, 대규모 애플리케이션 개발에 유리합니다. 1. 타입 시스템 JavaScript: 자바스크립트는 동적 타이핑(dynamic typing)을 사용합니다. 이는 변수의 타입을 명시적으로 지정하지 않으며, 값에 따라 타입이 자동으로 할당됩니다. let message = … 더 읽기
자바스트립트 언어를 가지고 웹 앱을 만들수 있는 리액트를 입문하기 위해 필요한 지식과 공부 가이드라인을 적어봤습니다. 1. 리액트 입문을 위한 사전 지식 리액트에 입문하기 전에 반드시 익혀야 할 기초적인 웹 개발 지식들이 있습니다. 리액트는 JavaScript를 기반으로 하기 때문에, 이를 잘 이해하는 것이 매우 중요합니다. 또한, 리액트의 최신 문법들은 ES6+ 버전을 활용하고 있어 이에 대한 이해도 필수적입니다. … 더 읽기
Next.js 14, Supabase, Tailwind, 로그인/회원가입 한번에 셋팅하는 React 템플릿 서버 컴포넌트 npx create-next-app -e with-supabase 유투브 링크: Supabase+Next.js+Supabase log-in