오아시스 이야기

SHOW TABLES FROM DB_NAME; SHOW TABLES FROM information_schema; SHOW TABLES FROM viwdb;

데이터 베이스 조회 SHOW DATABASES; 데이터 베이스 생성 CREATE DATABASE [데이터베이스명]; ex) CREATE DATABASE comsp; 사용자목록 조회 mysql 데이터베이스의 user 테이블에서 필요한 정보 출력 SELECT User, Host FROM mysql.user; 사용자 생성 CREATE USER 'com_user'@'localhost' IDENTIFIED BY '9909'; 어디에서나 접속 가능하게 CREATE USER 'com_user'@'%' IDENTIFIED BY '9909'; 비밀번호 변경 SET PASSWORD FOR 'com_user'@'localhost' = PASSWORD( '12345' ); 삭제 DROP USER 'com_user'@'%'; ..

모노레포(monorepo) 대규모 모노레포 운영사 : Google, Facebook, Microsoft, Uber, Airbnb, Twitter 모노레포란 버전 관리 시스템에서 두 개 이상의 프로젝트 코드가 동일한 저장소에 저장되는 소프트웨어 개발 전략 모노레포의 특징 모노레포(monorepo) 구조는 두 개 이상의 프로젝트가 동일한 저장소에 저장되는 소프트웨어 개발 전략 모듈화와 재사용성 모놀리식 구조의 한계는 모듈화(modularity)를 통해 해결할 수 있다. 일반적으로 모듈식 프로그래밍(modular programming)은 애플리케이션 로직의 일부를 재사용할 수 있도록 지원 전체 교체 없이 애플리케이션의 일부를 수정 또는 교체 해 유지 관리 용이 멀티레포 멀티레포 구조는 폴리레포(polyrepo..

https://www.heidisql.com/download.php Download HeidiSQL Ads were blocked - no problem. But keep in mind that developing HeidiSQL, user support and hosting takes time and money. You may want to send a donation instead. Download HeidiSQL 12.2, released on 15 Nov 2022 Please disable your adblocker and reload the p www.heidisql.com

개발환경 셋팅 1. 아래의 Nodejs 사이트에 접속하여 LTS라고 써있는 버전을 다운받아 설치합니다. https://nodejs.org/ko/ - 설치 경로는 C드라이브를 권장합니다. 2. 아래의 Visual Studio Code 사이트에 접속하여 최신 버전을 다운받아 설치합니다. https://code.visualstudio.com/ 리액트 프로젝트 생성 C 드라이브에 FRONT 폴더를 생성합니다. FRONT 폴더를 선택하고 Shift키를 누르고 오른쪽 마우스 클릭하여 "여기에 PowerShell 창 열기"를 선택합니다. 아래와 같이 입력하여 프로젝트를 선택합니다. ※ aboutw3는 자신의 프로젝트명으로 바꾸어 생성해도 됩니다. PS C:\FRONT> npx create-react-app about..

https://github.com/landvibe landvibe - Overview landvibe has 18 repositories available. Follow their code on GitHub. github.com book-react Public [실전 리액트 프로그래밍] 책에 나오는 실습 코드 landvibe.github.io Public HTML Updated on Jul 1 inflearn-react-project Public JavaScript 24 51 Updated on Jun 23 swiper Public Forked from nolimits4web/swiper Most modern mobile touch slider with hardware accelerated transit..

memoization이란 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법을 말합니다. memoization을 절적히 적용하면 중복 연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성능을 최적화할 수 있습니다. 랜더링마다 호출되는 컴포넌트 함수 일반적으로 React의 함수형 컴포넌트는 다음과 같은 구조로 작성이 됩니다. function MyComponent(props) { // 어떤 로직 (JavaScript) return; /* 어떤 화면 (JSX) */ } 이렇게 작성된 컴포넌트 함수는 React 앱에서 랜더링(rendering)이 일어날 때마다 호출이 됩니다. 컴포넌트 함수가 호출이 되면 그 안에 자바스크립트 로직들이 수행되고,..

리액트 라우터(React Router): 이 라이브러리는 리액트의 라우팅 관련 라이브러리들 중에서 가장 오래됐고, 가장 많이 사용되고 있습니다. 이 라이브러리는 컴포넌트 기반으로 라우팅 시스템을 설정할 수 있습니다. 설치는 npm으로 간단히 가능하다. npm install react-router-dom@6 React Router사용 import React from 'react'; import { BrowserRouter, Routes, Route, } from "react-router-dom"; import Home from "./components/home"; import Invoices from "./components/invoices"; function App() { return ( ); } exp..

Hook은 React 버전 16.8부터 React 요소로 새로 추가되었습니다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. import React, { useState } from 'react'; function Example() { // "count"라는 새로운 상태 값을 정의합니다. const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } useState는 우리가 “Hook”에서 처음 배우게 될 함수입니다. 이 예시는 단지 맛보기에 불과합니다. 아직 이해되지 않아도 걱정하지 마세요! ..

React에서 컴포넌트가 여러 엘리먼트를 반환하는 것은 흔한 패턴입니다. Fragments는 DOM에 별도의 노드를 추가하지 않고 여러 자식을 그룹화할 수 있습니다. render() { return ( ); } 이를 선언하는 새로운 단축 문법이 있습니다. 동기 컴포넌트가 여러 자식을 반환하는 것은 흔한 패턴입니다. 다음 React 예시를 보세요. class Table extends React.Component { render() { return ( ); } } 렌더링 된 HTML이 유효하려면 가 여러 엘리먼트만 반환해야 합니다. 의 render() 안에 부모 div로 자식들을 감싼다면 렌더링 된 HTML은 유효하지 않습니다. class Columns extends React.Component { rend..