[DEV] App Dev ∕ Web Front/Framework ∕ React 검색 결과
10 개의 검색 결과가 있습니다.

[React] rc-tree 라이브러리를 통한 treeview 공통 컴포넌트 만들기

보호되어 있는 글입니다.

2023. 5. 9. 16:41
[DEV] App Dev ∕ Web Front/Framework ∕ React

[React] 개발 참고자료 목록

개요 이 페이지는 React 프로젝트로 앱/웹을 구현하면서, 검색하여 참고한 사이트 및 정보를 정리해놓았습니다. 참고자료 목록 React 일반 useEffect와 useLayoutEffect의 차이점은 무엇인가? https://medium.com/@jnso5072/react-useeffect-와-uselayouteffect-의-차이는-무엇일까-e1a13adf1cd5 [React] useEffect 와 useLayoutEffect 의 차이는 무엇일까? React 가 웹 프레임워크 시장에서 대세가 되면서, 많은 사람들이 웹 어플리케이션을 제작하기 위해 React 를 사용하고 있습니다. 특히, 2018년 10월의 React Conf 에서 발표된 React Hooks 가 등장함에 따라 medium.com Sus..

2022. 10. 23. 21:24
[DEV] App Dev ∕ Web Front/Framework ∕ React

[React] 기본 실습

개발환경설치 - node.js npx create-react-app [--template typescript] cd npm install axios --save npm install react-router-dom --save npm run start // 3000 포트로 실행 npm run build // build 폴더 내 생성된 파일들을 웹서버가 바라보는 폴더에 복사 붙여넣기 App.js import './App.css'; import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'; import ItemList from './ItemList'; import ItemDetail from './ItemDetail'; function..

2022. 6. 21. 09:47
[DEV] App Dev ∕ Web Front/Framework ∕ React

[React] 개발 참고자료 목록

개요 이 페이지는 React 프레임워크로 앱/웹을 구현하면서, 검색하여 참고한 사이트 및 정보를 정리해놓았습니다. 참고자료 목록 React 일반 React.StrictMode 란 무엇인가 "StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다." 보통 index.js 상에서 태그를 감싸는 방식으로 사용된다. 그러나, 굳이 index.js에 쓰지 않아도 되고 부분적으로도 사용할 수 있다. 개발모드에만 영향을 끼친다니, 잠재적인 이슈를 발견해준다는데 굳이 지우고 사용할 이유는 찾기 어렵다고 생각한다. https://zereight.tistory.com/587 [김정혁 블로그:티스토..

2022. 6. 8. 17:33
[DEV] App Dev ∕ Web Front/Framework ∕ React

[React] JS ES6 문법 / 함수형 프로그래밍 for React

# 학습 자료 - Learning React # 제 1장 리액트 소개 1.1 튼튼한 토대 리액트를 사용하면 자바스크립트 안에서 HTML 같아 보이는 코드를 작성할 수 있다. 그런 Tag를 브라우저에서 실행하려면 Webpack 과 같은 도구를 통해 전처리를 수행할 것이다. 자바스크립트의 배열, 객체, 함수에는 익숙해져야 개발이 수월하다. 함수형 프로그래밍은 리액트 탄생의 바탕이 되었다. 리액트의 부수적인 장점은 가독성, 재사용성, 테스트 가능성이 좋은 패턴을 더 많이 활용하게 된다는 점이다. 리액트는 컴포넌트를 사용해, 사용자 인터페이스를 만든다. 그리고, 컴포넌트를 합성(compose)하고 프롭(prop)과 상태(state)를 사용해 로직을 추가한다. 그리고, 리액트 훅스(React Hooks)를 통해,..

2022. 5. 11. 11:26
[DEV] App Dev ∕ Web Front/Framework ∕ React

[React] Cordova로 안드로이드, IOS 버전 만들기

# Cordova란? - 코르도바 프로젝트의 디렉토리 구조 myapp/ //프로젝트 |-- config.xml |-- hooks/ |-- merges/ | | |-- android/ | | |-- windows/ | | |-- ios/ |-- www/ //웹 artifacts를 가집니다. 예를들어 html, css, js 파일들이 해당합니다. |-- platforms/ //프로젝트에 추가하는 플랫폼에 대한 모든 소스코드와 빌드 스크립트를 포함합니다. | |-- android/ | |-- windows/ | |-- ios/ |-- plugins/ |--cordova-plugin-camera/ - 코르도바는 www에 담겨져있는 파일을 가지고 안드로이드 빌드(cordova build android)를 하게됩니..

2021. 7. 2. 23:28