본문 바로가기
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 .. 더보기
Array 함수 map() , filter() , reduce(). React 개념이 (불변의 방식으로) 배열 작업에 의존하기 때문에 제가 그것들을 꽤 많이 사용하는 것을 보게 될 것입니다. 다음 페이지는 어레이 프로토타입에서 사용할 수 있는 다양한 방법에 대한 좋은 개요를 제공합니다. 필요에 따라 이를 클릭하고 지식을 리프레시할 수 있습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array 이 코스에서 특히 중요한 사항은 다음과 같습니다: map() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map const array1 = [1, 4, 9, 16.. 더보기
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 더보기
observer const 컴포넌트명 = () => { const ... const [..., ...] = ... return {mobx객체} } export default observer(컴포넌트명) export default 컴포넌트명 = observer(() => { const ... const [..., ...] = ... return {mobx객체} }) 더보기

티스토리툴바