솔라나 Solana 개발환경 구성하는 방법 – 맥 환경

솔라나 Solana 개발환경을 구성하넌 방법을 macOS에서 npm을 사용해 설정하는 방법을 단계별로 정리해봤습니다. 1. Node.js 및 npm 설치 Solana 개발을 위해서는 Node.js와 npm이 필요합니다. Homebrew를 사용하여 설치할 수 있습니다. brew install node 설치가 완료되면 버전을 확인합니다. node -v npm -v 2. Solana CLI 설치 Solana 개발에 필요한 CLI 도구를 설치합니다. sh -c “$(curl -sSfL https://release.solana.com/v1.16.10/install)” 설치가 … 더 읽기

Firebase FCM과 Expo기반으로 Push Service 푸시 알림을 받는 앱 만들기

Firebase FCM과 Expo기반으로 Push Service 푸시 알림을 받는 앱 만들기. Expo를 사용한 푸시 알림 앱을 만드는 법을 정리해봤습니다. Firebase Cloud Messaging(FCM)과 Expo의 Push Notification Service를 통해 푸시 알림을 받으며, 수신된 메시지 수만큼 앱 아이콘에 배지를 표시합니다. 1. 프로젝트 생성 먼저, Expo CLI를 사용하여 프로젝트를 생성합니다. npx create-expo-app PushNotificationApp cd PushNotificationApp 2. 필요한 라이브러리 설치 expo-notifications는 … 더 읽기

SqlAlchemy, Pydantic Model vs. Schema: 모델과 스키마의 차이 비교

1. 모델 (SQLAlchemy ORM 모델): 모델은 SQLAlchemy ORM을 사용하여 데이터베이스 테이블에 매핑되는 파이썬 클래스를 나타냅니다. 모델 클래스는 데이터베이스 테이블의 열에 매핑되는 필드(속성)와 데이터를 조작하는 메서드(예: 쿼리, 삽입, 업데이트)를 포함합니다. 각 모델은 데이터 구조 및 테이블 간의 관계(있을 경우)를 정의하며, 기본적으로 데이터베이스와 상호작용하는 청사진 역할을 합니다. 예시: from sqlalchemy import Column, Integer, String from sqlalchemy.ext.declarative import … 더 읽기

마우스나 터치패드를 사용할 때 스크롤 이벤트가 끝나는 즉시 화면의 스크롤을 중지

사용자가 마우스나 터치패드를 사용할 때 스크롤 이벤트가 끝나는 즉시 화면의 스크롤을 중지하려면, jQuery의 stop() 메서드를 활용해 스크롤 애니메이션을 즉시 중단하고, 스크롤 이벤트가 끝난 시점을 감지할 수 있습니다. 이를 위해 wheel 이벤트와 touchend 이벤트를 다룰 수 있습니다. 추가적으로, 스크롤 이벤트의 연속 여부를 확인하기 위해 setTimeout을 이용해 스크롤이 끝났는지 감지하는 방식을 적용할 수 있습니다. 아래는 스크롤 이벤트가 … 더 읽기

맥 환경에 PostgreSQL 설치하는 방법

맥 M3 모델 환경에서 Homebrew를 이용하여 PostgreSQL을 설치하는 방법을 정리해봤습니다. 1. Homebrew 설치 확인 우선, Homebrew가 설치되어 있는지 확인하세요. 터미널을 열고 아래 명령어를 입력하세요: brew –version Homebrew가 설치되어 있지 않다면, 아래 명령어를 터미널에 입력하여 설치할 수 있습니다: /bin/bash -c “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)” 2. PostgreSQL 설치 Homebrew가 설치되어 있다면, PostgreSQL을 설치할 수 있습니다. 터미널에 아래 명령어를 … 더 읽기

How to get NEXTAUTH_SECRET

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 … 더 읽기

How to get KAKAO_CLIENT_SECRET

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 … 더 읽기

레드마인 윈도우 환경에 설치 방법

레드마인(Redmine)을 윈도우 환경에 설치할 수 있습니다. 윈도우에 레드마인을 설치하는 방법을 단계별로 설명합니다. 1. 필수 소프트웨어 설치 레드마인을 설치하기 위해 필요한 몇 가지 소프트웨어를 먼저 설치해야 합니다. 1.1. Ruby 설치 레드마인은 Ruby로 작성되어 있으므로, Ruby를 먼저 설치해야 합니다. RubyInstaller 사이트에서 최신 버전의 Ruby를 다운로드합니다. 버전 2.7.x 또는 3.0.x를 선택하는 것이 안전합니다. 다운로드한 설치 파일을 실행하고, "Add … 더 읽기

리액트 SSR과 CSR 컴포넌트 동시에 한 화면에 표출하기

리액트 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 … 더 읽기