반업주부의 일상 배움사

[ 설치 ] $ yarn create vite vite_test --template react-ts $ cd vite_test $ yarn add -D tailwindcss postcss autoprefixer $ npx tailwindcss init $ touch postcss.config.cjs $ echo 'module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, } }' > ./postcss.config.cjs $ yarn dev [ 수정 ] tailwind.config.cjs /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{html,..

다음은 Git 명령어들과 설명입니다: git clone: 리포지토리를 새 디렉터리에 복제합니다. git init: 현재 디렉터리에 새 Git 리포지토리를 초기화합니다. git add: 작업 디렉터리에서 스테이지로 변경 내용을 추가합니다. git commit: 스테이지의 변경 내용을 리포지토리의 히스토리에 저장합니다. git diff: 작업 디렉터리와 스테이지 또는 두 커밋 간의 변경 사항을 비교합니다. git log: 현재 브랜치에 대한 커밋 기록을 봅니다. git status: 작업 디렉터리와 스테이지의 변경 상태를 확인합니다. git branch: 브랜치를 나열, 생성 또는 삭제합니다. git checkout: 다른 브랜치로 전환하거나 작업 디렉터리 파일을 복원합니다. git merge: 한 브랜치의..

[ 개요 ] React는 일반적으로 메인 UI 스레드인 단일 스레드에서 실행됩니다. 그러나 React는 웹 워커(web workers)를 사용하여 여러 개의 스레드를 사용할 수 있으며, 이를 통해 메인 UI 스레드와 별도로 백그라운드 스레드에서 JavaScript를 실행할 수 있습니다. 이렇게 하면 작업을 백그라운드 스레드로 오프로드하여 메인 UI 스레드가 사용자 입력에 더 잘 반응하도록 함으로써 React 애플리케이션의 성능을 향상시킬 수 있습니다. React 애플리케이션에서 웹 워커를 사용하려면 React 환경에서 웹 워커를 사용하기 위한 간단한 API를 제공하는 workerize 라이브러리 또는 기타 유사한 라이브러리를 사용할 수 있습니다. useWorker 사이즈는 3KB 밖에 안 됩니다. [ 리..

[ 설치 > Ubuntu ] Ubuntu 서버에서 PHP를 설치하는 방법은 다음과 같습니다: 터미널에서 sudo apt-get update 명령어를 실행하여 저장소 정보를 최신으로 업데이트합니다. sudo apt-get install php 명령어를 실행하여 PHP를 설치합니다. 설치 후, php -v 명령어를 실행하여 PHP 버전을 확인합니다. 만약 Apache 웹 서버를 사용하고 있다면, PHP 지원을 위해 Apache 모듈을 설치해야 합니다. 'sudo apt-get install libapache2-mod-php' 명령어를 실행하시면 됩니다. [ 설치 > CentOS ] CentOS 서버에서 PHP를 설치하는 방법은 다음과 같습니다: 터미널에서 sudo yum update 명령어를 실행하여 저장소..

다음은 Node.js 개발을 위한 몇 가지 일반적인 모범 사례입니다: 비동기 프로그래밍에는 async/await을 사용하세요. try-catch 블록을 사용하여 오류를 적절히 처리하세요. 민감한 정보에는 환경 변수를 사용하세요. 데이터를 효율적으로 저장하고 검색할 수 있도록 적절한 데이터 구조를 선택하세요. 유지보수 가능성을 높이기 위해 모듈을 작고 집중적으로 유지하세요. 코드 품질과 일관성을 강화하기 위해 ESLint와 같은 린터를 사용하세요. Mocha 또는 Jest와 같은 테스트 프레임워크를 사용하여 코드에 대한 테스트를 작성하세요. 종속성을 최신 상태로 유지하고 보안 취약성을 모니터링하세요. PM2와 같은 프로세스 관리자를 사용하여 프로덕션 환경에서 Node.js 애플리케이션을 관리하세요. 로깅 ..

오늘의 문장: Flutter Troubleshooting Guide We often run into problems after updating some dependencies, flutter itself, or changing some setup configuration. Various things might go wrong and block you from building a flutter app while your colleagues don’t have any problem. With the following steps, so far we could fix most of the problems building and running a flutter application. A word of cautio..

[ 설치 ] React를 설치하려면 다음 단계를 따라주세요: Node.js와 npm을 설치하세요. (https://nodejs.org) 명령 프롬프트 또는 터미널에서 다음 명령어를 실행하세요: 'npx create-react-app my-app' (my-app은 원하는 프로젝트 이름으로 변경하세요) 프로젝트 디렉토리로 이동하세요: cd my-app 다음 명령어를 실행하세요: npm start 이제 브라우저에서 http://localhost:3000을 열면 React 프로젝트가 실행되고, 애플리케이션을 개발할 준비가 되었습니다. [ 기본 예제 ] 메시지를 표시하는 간단한 예제입니다. App.js import React from 'react'; import Welcome from './Welcome'; fu..

[ 설치 ] Ruby을 설치하는 방법에 따라서 다르지만, 일반적으로 다음과 같은 방법을 사용할 수 있습니다. 1. RubyInstaller: Windows 사용자는 RubyInstaller를 사용하여 Ruby를 쉽게 설치할 수 있습니다. 다운로드 페이지에서 Ruby의 최신 버전을 다운로드하여 설치하세요. 2. Homebrew: macOS 사용자는 Homebrew를 사용하여 Ruby를 설치할 수 있습니다. 터미널에서 다음 명령을 입력하세요: brew install ruby 3. Linux: Linux 사용자는 각 배포판에 따라서 다르지만, 대부분의 경우 패키지 관리자를 사용하여 Ruby를 설치할 수 있습니다. 예를 들어, Ubuntu의 경우 다음 명령을 입력하세요: sudo apt-get install r..

2023.02.06 - [IT 인터넷/Python] - 파이썬을 ChatGPT에게 배우다 :: Python

[ 설치 ] Python 설치하는 방법: Python 공식 웹사이트에서 최신 버전의 Python 다운로드: https://www.python.org/downloads/ 다운로드 받은 파일을 실행하여 설치 과정 진행. 설치 완료 후, 커맨드 라인에서 "python"을 입력하여 Python 쉘을 열어본다. 설치가 제대로 되었는지 확인하기 위해, "import sys; print(sys.version)" 을 입력하여 Python 버전을 확인할 수 있다. 설치 환경에 따라 다르지만, 일반적으로 위의 과정으로 Python을 설치할 수 있습니다. Anaconda 설치하는 방법: Anaconda 공식 웹사이트에서 최신 버전의 Anaconda 다운로드: https://www.anaconda.com/products/di..