전체 글
-
Flutter Window에서 시작하기(IntelliJ)Mobile/Flutter 2022. 5. 24. 11:59
Flutter를 윈도우에서 시작하기 위한 방법이다. 1. 아래의 링크에서 원하는 Flutter SDK를 다운로드한다. https://docs.flutter.dev/development/tools/sdk/releases Flutter SDK releases All current Flutter SDK releases, stable, beta, and master. docs.flutter.dev 2. 환경변수 설정 시스템 속성 > 고급 > 환경 변수에서 시스템 또는 사용자 환경변수의 Path에 Flutter SDK의 bin 위치를 추가해준다. ※ 단, 사용자 환경변수에 추가했을 경우에는 현재 로그인한 사용자만 사용이 가능하다. ex) C:\flutterApp\flutter\bin 3. JetBrains Too..
-
React - Router 화면 이동WEB/React 2022. 4. 30. 02:23
화면을 이동하기 위해서는 npm i react-router-dom npm i @types/react-router-dom 위 두 개를 설치해 준다. index.tsx 파일에 를 추가해 준다. ReactDOM.createRoot(document.getElementById('root')!).render( ) 그 후 원하는 App.tsx에 라우터를 추가해 준다. const routes = [ {path: "/Test",component : }, {path: "/sample",component : }, ] return( {routes.map((route : {component : JSX.Element, path : string}, index : number) => ( ))} ) 위와 같이 작성한다면 routes에..
-
Axios 모듈화WEB/React 2022. 4. 30. 01:07
Axios를 모듈화 하여 사용하기 위해서는 axios.create를 사용하여 공통적으로 사용되는 부분을 만들어준다. const customAxios : AxiosInstance = axios.create({ baseURL : `http://localhost:3000`, headers: { 'Content-Type': 'application/json', }, }) 위와 같이 만들게 되면 customAxios로 호출할 때는 localhost:3000으로 호출을 하고 헤더에 content-Type을 application/json으로 보낸다는 말이다. customAxios를 이용하여 post 또는 get 요청을 하기 위해서는 export const requestPostAxios = (url : string, a..
-
IntelliJ 폴더에서 우클릭으로 프로젝트 열기카테고리 없음 2022. 4. 28. 21:48
컴퓨터\HKEY_CLASSES_ROOT\Directory\shell 위 경로에 IntelliJ IDEA 폴더가 없다면 생성해주고 우클릭 후 새로 만들기에서 문자열 값을 누른 후 위 Open Folder as IntelliJ IDEA Project 값을 입력하여 주고 문자열 값을 하나 더만들어서 값 이름에 Icon을 넣고 값 데이터에는 intellij를 실행시키는 idea64.exe파일이 있는 경로로 잡아준다. 이제 에서 IntelliJ IDEA를 우클릭하여 새키를 눌러서 command 폴더를 생성해준다. 이제 위에서 Icon을 만들었던 것처럼 데이터에"[idea64.exe 경로]" "%1"를 입력해준다. 진행을 다했다면 위와 같이 폴더를 우클릭해서 프로젝트를 열 수 있다. 이제 폴더의 백그라운드에서 우클..
-
Vite를 이용한 React 프로젝트 생성WEB/React 2022. 4. 28. 21:05
필요한 것 - Node https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크에 접속하여 Node를 설치한다. 설치가 된다면 npm도 자동으로 설치되기 때문에 npm은 설치할 필요가 없다. 이제 터미널을 열어서 원하는 위치에 아래 명령어를 입력한다. npm create vite@latest blog 위 명령어에서 blog는 프로젝트명이다. 때문에 원하는 이름으로 설정하면 된다. 위 명령어를 입력하였다면. 위와 같은 이미지가 나타난다. 여기서 원하는 프레임워크로 설정한다. 다만 지금은 react로 설정할 것이다. 설정하면 일반 ReactJS로 할 것..