본문 바로가기

실전 단아 개발 가이드

MySQL에서 리셋되는 시퀀스 만들어보기 https://www.percona.com/blog/stored-function-to-generate-sequences/ delimiter // create function seq(seq_name char (20)) returns int begin update seq set val=last_insert_id(val+1) where name=seq_name; return last_insert_id(); end // delimiter ; CREATE TABLE `seq` ( `name` varchar(20) NOT NULL, `val` int(10) unsigned NOT NULL, PRIMARY KEY (`name`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 insert int.. 더보기
React 개요 개요 리액트는 메타 코드 기반에 더 많은 구조를 제공하고 훨씬 더 나은 확장을 가능하게 하기 위해 만들었다. React는 Facebook에서 사용하고 있으며 오픈 소스로 만들었다. 최근 React는 프론트 엔드를 구축하기 위한 기술 중 가장 많이 선호하고 있다. 그것은 작은 프로젝트나 대형 프로젝트에서도 프론트엔드를 만들기 위해 함께 구성할 수 있는 재사용 가능성이 높은 구성 요소이다. TypeScript는 개발자들이 대규모 자바스크립트 기반의 개발을 더 쉽게 할 수 있도록 마이크로소프트에 의해 제작되었습니다 프로그램들이 그것은 풍부한 종류의 시스템을 제공하는 자바스크립트의 세트이다. 개발자들은 버그를 조기에 발견하고 강력하게 코드를 탐색하고 리팩터하기 위해 도구를 만들 수 있습니다. 설치 프로그램 Go.. 더보기
React 관리자 템플릿 https://github.com/topics/react-admin-template?l=typescript GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea... github.com Here are 16 public repositories matching this topic... Language: TypeScript Sort: Most stars the.. 더보기
https://ui-lib.com/ 테플릿 있는 곳 https://ui-lib.com/ Premium Admin Dashboard, UI Kits, Template built with React, Angular, Figma, Tailwind - Ui Lib Create Web apps & Websites with fully coded UI Kits, Templates & Themes 70,000+ Happy Individuals & Agencies. Featured Products Popular Freebies ui-lib.com 관련 : fairbear 더보기
React Type Script 관련 팁 찾기 https://medium.com/search?q=react+typescript Medium Full-Stack Web Developer — Next.Js, React.Js, Typescript, Javascript, MongoDB, SQL, VectorDB, CSS, Radix, Shadcn-UI, Tailwind — victortimidev@gmail.com medium.com 더보기
React TypeScript 템플릿 간단한 Routing 소스 App.tsx import React from 'react'; import logo from './logo.svg'; import './App.css'; import BeforeLoginLayout from './Components/layouts/HomeLayout'; import {AuthenticateRoutes, UnAuthenticateRoutes} from './Components/layouts/PrivateRoute'; import { Route, useLocation, Navigate } from 'react-router-dom'; import Register from './Components/layouts/Register'; import Login from './Components/layo.. 더보기
React.js Typescript application starter https://github.com/azakharo/react-ts-starter-2023 GitHub - azakharo/react-ts-starter-2023: React.js Typescript application starter React.js Typescript application starter. Contribute to azakharo/react-ts-starter-2023 development by creating an account on GitHub. github.com React.js Typescript application starter Usage: create fast prototypes, solve test tasks. Features: You can write Typescript .. 더보기
Arrow 함수 => const materials = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; console.log(materials.map((material) => material.length)); // Expected output: Array [8, 6, 7, 9] > Array [8, 6, 7, 9] () => expression param => expression (param) => expression (param1, paramN) => expression () => { statements } param => { statements } (param1, paramN) => { statements } (a, b, ...r) => expression (a = 400, b = 20.. 더보기
react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. npm update npm start yarn upgrade yarn start yarn add global react-scripts // package.json "scripts": { "start": "cross-env NODE_PATH=src react-scripts start", "build": "cross-env NODE_PATH=src react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }, yarn add react-scripts nap install -save react-scripts yarn upgrade 더보기
https://github.com/akveo/nebular/tree/master https://github.com/akveo/nebular/tree/master GitHub - akveo/nebular: :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mod :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode - GitHub - akveo/nebular: :boom: Customizable Angular UI Library based on Eva Design System... github.com 더보기