오아시스 이야기

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..

그냥..여기가서 다운받아서 설치하고 쓰는게 속 편안함 https://sourceforge.net/projects/project-autoset/ AutoSet Download AutoSet for free. Windows Apache/PHP/MariaDB(MySQL) Stack. 오토셋은 윈도우 운영체제에 Apache HTTP Server, PHP, MySQL, CUBRID 등의 서버 제품을 한번에 설치해 주는 기능과 이렇게 설치된 프로그램을 그래픽 사 sourceforge.net 아래는 귀찮기만 함. PHP Server >PHP Server: Serve Project 환경변수에 PHP 에 PHP 경로 등록한다. Live Server

PHP 외부 파일을 포함 하는 함수 PHP 외부 파일을 포함 하는 함수 include(), require(), include_once(), require_once() include(), require() 는 함수가 실행될 때마다 매개변수로 입력한 파일을 포함합니다. 이들 함수의 매개변수는 파일의 위치를 지정합니다. include('./test/a.php'); require('./test/a.php'); _once 가 붙은 함수는 한번만 포함 합니다.

React 설치 create-react-app generator를 설치하려면, 터미널이나 명령행에서 다음을 입력하세요: npm install -g create-react-app 이 작업은 설치하는데 몇 분 정도 걸릴 수 있습니다. 이제 다음을 입력해서 새로운 React 애플리케이션을 만들 수 있습니다: create-react-app my-app my-app은 애플리케이션의 폴더 이름입니다. React 애플리케이션을 만들고, 의존 라이브러리들을 설치하는데 몇 분 정도 걸릴 수 있습니다. 어서 React 애플리케이션을 실행해봅시다. 새로운 폴더로 이동해서 npm start를 입력하면 웹 서버가 시작되고 브라우저에 애플리케이션이 열립니다. cd my-app npm start 브라우저에 http://localh..