전체 글117 다얼유 키보드 EK820N 블루투스+유선 키보드 설명서 다얼유 키보드 EK820N 블루투스+유선 키보드 설명서\ 2026. 10. 17. 스프링 부트 RESTful API CRUD 기초 코드 샘플 1. 프로젝트 설정 (build.gradle)웹 API와 DB 연동을 위해 필요한 기본 의존성입니다. dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-data-jpa' runtimeOnly 'com.h2database:h2' compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' testImplementation 'org.springframework.boot:spring-b.. 2026. 10. 16. zustand 사용 예(ts) - 회원 정보 관리 - Persist 적용 O 1. 스토어 정의 파일 (src/store/useProfileStore.ts)// src/store/useProfileStore.tsimport { create } from 'zustand';import { persist, createJSONStorage } from 'zustand/middleware';// 1. 개인 정보 데이터 모델 인터페이스 정의export interface Profile { id: string; name: string; email: string; phone: string; address: string;}// 2. 스토어 상태 및 액션 인터페이스 정의interface ProfileState { profile: Profile | null; isLoading: boolea.. 2026. 10. 16. zustand 사용 예 (ts) - 로그인 인증 샘플 - Persist 사용 O 1. 스토어 정의 파일 (src/store/useAuthStore.ts)// src/store/useAuthStore.tsimport { create } from 'zustand';import { persist, createJSONStorage } from 'zustand/middleware';// 1. 데이터 모델 및 스토어 인터페이스 정의export interface User { id: string; name: string; email: string;}interface AuthState { user: User | null; token: string | null; isAuthenticated: boolean; isLoading: boolean; error: string | null; /.. 2026. 10. 16. zustand 사용 예(ts) - 회원 정보 관리 - Persist 적용x 1. 스토어 정의 파일 (src/store/useProfileStore.ts)// src/store/useProfileStore.tsimport { create } from 'zustand';// 1. 개인 정보 데이터 모델 인터페이스 정의export interface Profile { id: string; name: string; email: string; phone: string; address: string;}// 2. 스토어 상태 및 액션 인터페이스 정의interface ProfileState { profile: Profile | null; isLoading: boolean; error: string | null; // Actions (CRUD) fetchProfile: () =.. 2026. 10. 16. zustand 사용 예(ts) - 회원 정보 관리 - 기초적이고 심플한 개인정보(CRUD) 코드 샘플 1. 스토어 정의 (src/store/useUserStore.ts)import { create } from 'zustand';// 1. 데이터 타입 정의interface User { name: string; age: number;}// 2. 스토어 상태 및 액션 타입 정의interface UserState { user: User | null; setProfile: (user: User) => void; // Create / Save updateName: (name: string) => void; // Update clearProfile: () => void; // Delete}// 3. 스토어 생성export const useUserStore = create((.. 2026. 10. 16. zustand 사용 (js) - todo list sample 1. 패키지 설치npm install zustand# 또는yarn add zustand 2. 스토어(Store) 정의 파일 (src/store/useStore.js)import { create } from 'zustand';// create 함수를 이용해 스토어를 생성합니다.// set: 상태를 업데이트(병합)하는 함수// get: 현재 스토어의 상태를 조회할 수 있는 함수export const useStore = create((set, get) => ({ // ============================== // 1. 카운터 관련 상태 및 액션 // ============================== count: 0, // 1씩 증가시키는 액션 increase: () => s.. 2026. 10. 16. 꽃길한붓 - 한붓 그리기 게임 꽃길 한 붓 - 한붓 그리기 게임 https://play.google.com/store/apps/details?id=com.xrossgames.flowerpath&pcampaignid=web_share https://play.google.com/store/apps/details?id=com.xrossgames.flowerpath&pcampaignid=web_share play.google.com 2026. 10. 11. flyeditor 1.6.3 update 리액트 웹에디터 컴포넌트 flyeditor 가 1.6.3 으로 업데이트 되었습니다 업데이트 내역 - 리스트 목록 수준 증가/감소 처리 (순서 없는/있는 리스트 작성 중 Tab 키를 누르면 한수준 아래(우측)로 이동, Shift+Tab 키를 누르면 한수준 위로(좌측) 이동) flyeditor 는 리액트 프로젝트에서 간편하게 삽입하여 사용할 수 있는 웹에디터이며, 무료로 제공됩니다.아래 링크에서 테스트 해 볼수 있습니다. https://flyeditor.dev/ FlyEditor - React WYSIWYG 웹에디터 미리보기간편한 사용법, 커스텀 툴바, 파일 업로드 및 이미지 동적 삽입을 지원하는 React 웹에디터 FlyEditor를 직접 체험해 보세요.flyeditor.dev 2026. 9. 24. flyeditor 1.6.2 update - react webeditor 리액트 웹에디터 컴포넌트 flyeditor 가 1.6.2로 업데이트 되었습니다. - URL 이미지 삽입 툴 추가- 수평 툴바 행 분리 설정 추가 - 기타 편집 코드 개선 [수평 툴바 행 분리 설정] 은 툴바를 여러줄로 출력하고 싶을때 사용하며 사용 툴바 배열에 "/" 를 넣으면 됩니다. flyeditor 는 리액트 프로젝트에서 간편하게 삽입하여 사용할 수 있는 웹에디터이며, 무료로 제공됩니다.아래 링크에서 테스트 해 볼수 있습니다. https://flyeditor.dev/ FlyEditor - React WYSIWYG 웹에디터 미리보기간편한 사용법, 커스텀 툴바, 파일 업로드 및 이미지 동적 삽입을 지원하는 React 웹에디터 FlyEditor를 직접 체험해 보세요.flyeditor.dev 2026. 9. 21. flyeditor 1.5.0 update flyeditor 가 1.5.0 으로 업데이트 되었습니다. 업데이트 내용은 다음과 같습니다.글자 간격, 줄 간격 조정 툴바 및 기능 추가줄 간격 디폴트 값 설정 추가에디터에 id 설정. 에디터 및 뷰어에 css className 설정 추가뷰어 기본 옵션 추가 - 문서 참조일부 툴바 아이콘 수정 flyeditor 는 리액트 프로젝트에서 간편하게 삽입하여 사용할 수 있는 웹에디터이며, 무료로 제공됩니다.아래 링크에서 테스트 해 볼수 있습니다. https://flyeditor.dev/ FlyEditor - React WYSIWYG 웹에디터 미리보기간편한 사용법, 커스텀 툴바, 파일 업로드 및 이미지 동적 삽입을 지원하는 React 웹에디터 FlyEditor를 직접 체험해 보세요.flyeditor.dev ht.. 2026. 9. 15. flyeditor 1.4.0 update - 리액트 위지윅에디터 리액트 프로젝트에서 사용할 수 있는 위지윅 에디터 flyeditor 가 1.4.0 으로 업데이트 되었습니다. 이번 버전에는 리스트가 추가되었습니다.추가된 리스트는 아래 화면과 같습니다. * 순서 없는 리스트 * 순서 있는 리스트 flyeditor 는 리액트 프로젝트에서 간편하게 삽입하여 사용할 수 있는 웹에디터이며, 무료로 제공됩니다.아래 링크에서 테스트 해 볼수 있습니다. https://flyeditor.dev/ FlyEditor - React WYSIWYG 웹에디터 미리보기간편한 사용법, 커스텀 툴바, 파일 업로드 및 이미지 동적 삽입을 지원하는 React 웹에디터 FlyEditor를 직접 체험해 보세요.flyeditor.dev https://flyeditor.dev/guide/ FlyEditor.. 2026. 9. 13. 이전 1 2 3 4 ··· 10 다음
