본문 바로가기

개발 환경 구축8

react native 에서 tailwind css 사용하기 1. 아래 3개의 라이브러리를 설치 npm install -D tailwindcss postcss autoprefixer 2. tailwind.config.js postcss.config.js 파일 생성 npx tailwindcss init -p 3. tailwind.config.js 수정 /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./App.{js,jsx,ts,tsx}", "./src/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, }, plugins: [], } 4. src 폴더 내에 input.css 파일에 아래 3줄을 추가 (없으면 생성) @tailwind base; @tail.. 2023. 9. 30.
Window환경 에서 React Native 실행 하기 아래 사이트 그대로 실행 시 2가지만 빼놓고 window 에서 react native가 실행이 되었다. 윈도우(Windows)에 react native 개발 환경 구축하기 - react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. (posstree.com) 1. TypeError: cli.init is not a function 아래 명령어로 최초 project 만들 시 에러가 발생 하였다. npx react-native init 프로젝트명 [에러 내용] TypeError: cli.init is not a function at run (C:\Users\voip7\AppData\Roaming\.. 2023. 9. 29.
WSL2 환경에서 react native 실행 시 오류 Window안의 ubuntu 환경인 WSL2에서, 아래 명령을이용하여 react native project를 생성하고, npx react-native init 앱이름 다시 아래 명령을 이용하여 예전에 window 환경에서 설치한 visual studio emulator를 실행 할 때 npm run android 아래 에러가 발생 하였습니다. youtube/블로그에 정확한 해결 방법이 없어서 거의 반나절 삽질을 해서 해결한 오류 들인데, 발생했던 오류 및 해결한 방법을 공유 합니다. ERROR1 :Could not determine the dependencies of task [에러 내용] Could not determine the dependencies of task ‘:app:compileDebugJa.. 2023. 9. 28.
WSL2 환경에서 MySQL 설치 및 Workbench 사용법 window WSL2 환경에서 MySQL을 설치 하고, SQL GUI tool인 Workbench를 사용하고 싶었는데, 관련되어 설치 및 사용법이 자세히 잘 설명된 사이트가 없어, 여러 web 사이트와 youtube를 찾아 드디어 설치 및 동작을 테스트 해 보았다. WSL2에서 MySQL 설치 1) wsl을 열고 아래 입력하여 Ubuntu package 업데이트 sudo apt update 2) 업데이트 후 MySQL 설치 sudo apt install mysql-server 3) 설치가 잘 되었는지 MySQL version 확인 mysql --version WSL에서 SQL 환경 설정 따라하기 - 아래 youtube 참조 (761) Connect WSL's MySQL from Windows Host M.. 2023. 9. 23.