본문 바로가기

반응형

IT

(286)
[TS]테일윈드 CSS 프로젝트 만들기 + 가짜데이터 생성기 1. 프로젝트 생성 npx create-react-app ch03_2 --template typescript 2. 패키지 설치 npm i -D postcss autoprefixer tailwindcss 3. 구성파일 생성 npx tailwindcss init -p 4. 패키지 추가설치 npm i -D daisyui @tailwindcss/line-clamp 5. 구성파일수정( tailwind.config.js) /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}" ], theme: { extend: {}, }, plugins: [require('@tailwindcss/line..
Rocky Linux9.3 VMware 에 설치 및 활용 0. 준비물 VMWare 17 Pro ( 30일 데모 ) VMware Workstation Pro 다운로드 | KR Download VMware Workstation Pro VMware Workstation Pro is the industry standard desktop hypervisor for running virtual machines on Linux or Windows PCs. Discover why. www.vmware.com Rocky Linux 9.3 Download Rocky | Rocky Linux Download Rocky | Rocky Linux Rocky Linux is an open enterprise Operating System designed to be 100% bug-fo..
[TS] import type 의 의미 TypeScript 에서의 import 문법에는 import type { FC, DetailedHTMLProps, HTMLAttributes } from 'react'; 와 같이 import type 으로 쓰는 경우가 있다. 이는 TypeScript -> JavaScript 로 컴파일시에, 전혀 영향이 없는 타입만을 선언한 파일을 import 할떄 쓰는 문법이다. 즉, 저기에 있는 저 import 들은 (FC, DetailedHTMLProps, HTMLAttributes) 모두 타입이다!! type FC = FunctionComponent; type DetailedHTMLProps = ClassAttributes & E; interface HTMLAttributes extends AriaAttribute..
chocolatey 를 이용한 nvm, nodejs 설치 Windows용 패키지 관리자 Chocolatey(choco) 설치 및 이용하기 - 단편글 - EvaNOTE (mew.kr) Windows용 패키지 관리자 Chocolatey(choco) 설치 및 이용하기 이 글에서는 Windows용 패키지 관리자인 Chocolatey(약칭: choco)를 설치하고 이용하는 방법에 대해 알아봅니다. evanote.mew.kr Chocolatey Software | NVM 1.1.12 NVM 1.1.12 A node.js version management utility for Windows. community.chocolatey.org 1. 윈도우 파워쉘을 관리자 모드로 실행 윈도우키 + x 관리자 선택 2. cholatey 설치 파워쉘 실행창에 아래 입력 [System...
Rocky Linux 8.8 VirtualBox 에 설치 하기 VirtualBox : 7.0.12 1. Rocky Linux 8.8 버전 다운로드 현재 최신버전은 8.9, 9.3 이니, 과거버전을 받기 위해 아카이브 사이트로 들어간다. Index of /vault/rocky/8.8/isos/x86_64/ (rockylinux.org) Index of /vault/rocky/8.8/isos/x86_64/ dl.rockylinux.org dvd 버전으로 다운받는다. 2. VirtualBox 에 디스크 마운트 하고 설치 3. 게스트 확장설치시 오류가난다. 필수 유틸리티를 설치하고 커널 업데이트를 한다. sudo dnf install gcc make perl bison m4 flex elfutils-libelf-devel kernel kernel-headers kernel..
[EXPRESS]간단한 API 서버 express 를 이용한 간단한 메모리 기반 서버 만들기 mkdir api-server cd api-server npm i express #현재기준 express version : 4.18.2 #board.js 파일 생성 const express = require("express"); const app = express(); let posts = []; app.use(express.json()) //req.body 이용하기위해서 미들웨어 지정 app.use(express.urlencoded({ extended: true })); //post 요청시 application/x-www-form-urlencoded 파싱 app.get("/", (req, res) => { res.json(posts); }); a..
[React Native]초기설정 https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 잘됩니다~! macOS 의 특이점! cocoapods 설치시 루비 최소 버전이 2.7 이어서 설치가 필요함! https://cmjunghoon.github.io/posts/Install_Ruby/ Ruby 설치 / 업데이트 / 제거 ( MacOS ) macOS는 기본적으로 Ruby가 설치되어 있습니다. cmjunghoon.github.io 이를 이용해서 루비 업데이트 후 프..
Composer 설정 on Windows11 1. php 설치 윈도우버전을 을 다운받아서 적당한곳에 압축만 풀면 된다. windows.php.net - /downloads/releases/archives/ windows.php.net - /downloads/releases/archives/ windows.php.net 테스트에 사용한 버전은 php-7.4.32-Win32-vc15-x64 이다. 압축해제한 폴더를 path 에 등록한다. 2. composer 수동설치 php -r "readfile('https://getcomposer.org/installer');" | php ## composer.bat 파일을 만든다. @ECHO OFF php "%~dp0composer.phar" %* ## 아니면 php를 이용해서 항상 실행한다. php compos..

반응형