본문 바로가기
728x90
반응형
SMALL

분류 전체보기694

Tailwind CSS를 ChatGPT에게 배우다. [ Tailwind가 나온 이유 ] 기존의 CSS 라이브러리들에는 몇 가지 문제점이 있었습니다. 예를 들어: 코드 중복: 스타일을 적용할 때 중복되는 코드가 많아 관리가 힘들었습니다. 높은 트랜잭션 코스트: 많은 스타일을 적용하려면 많은 코드를 작성해야 했어서 개발 속도가 느렸습니다. 제한적인 커스터마이징: 기존 라이브러리들은 사용자가 원하는 스타일을 쉽게 구성할 수 없었습니다. Tailwind CSS는 이러한 문제점을 해결하기 위해 설계되었습니다. 간단한 구문으로 반복적인 스타일을 빠르게 적용하고 커스텀스타일을 쉽게 구성할 수 있어 개발 속도와 품질 모두 향상되었습니다. [ Tailwind 장점 ] Tailwind CSS에는 다음과 같은 몇 가지 장점이 있습니다: 속도: Tailwind CSS는 미리 .. 2023. 2. 7.
Vite + React + TypeScript + Tailwind [ 설치 ] $ 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,.. 2023. 2. 7.
Git 명령어들 총 집합! 다음은 Git 명령어들과 설명입니다: git clone: 리포지토리를 새 디렉터리에 복제합니다. git init: 현재 디렉터리에 새 Git 리포지토리를 초기화합니다. git add: 작업 디렉터리에서 스테이지로 변경 내용을 추가합니다. git commit: 스테이지의 변경 내용을 리포지토리의 히스토리에 저장합니다. git diff: 작업 디렉터리와 스테이지 또는 두 커밋 간의 변경 사항을 비교합니다. git log: 현재 브랜치에 대한 커밋 기록을 봅니다. git status: 작업 디렉터리와 스테이지의 변경 상태를 확인합니다. git branch: 브랜치를 나열, 생성 또는 삭제합니다. git checkout: 다른 브랜치로 전환하거나 작업 디렉터리 파일을 복원합니다. git merge: 한 브랜치의.. 2023. 2. 7.
리액트의 동시성(Concurrent) 모드와 useWorker :: 멀티쓰레드 [ 개요 ] React는 일반적으로 메인 UI 스레드인 단일 스레드에서 실행됩니다. 그러나 React는 웹 워커(web workers)를 사용하여 여러 개의 스레드를 사용할 수 있으며, 이를 통해 메인 UI 스레드와 별도로 백그라운드 스레드에서 JavaScript를 실행할 수 있습니다. 이렇게 하면 작업을 백그라운드 스레드로 오프로드하여 메인 UI 스레드가 사용자 입력에 더 잘 반응하도록 함으로써 React 애플리케이션의 성능을 향상시킬 수 있습니다. React 애플리케이션에서 웹 워커를 사용하려면 React 환경에서 웹 워커를 사용하기 위한 간단한 API를 제공하는 workerize 라이브러리 또는 기타 유사한 라이브러리를 사용할 수 있습니다. useWorker 사이즈는 3KB 밖에 안 됩니다. [ 리.. 2023. 2. 7.
PHP를 ChatGPT에게 배우다. [ 설치 > 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 명령어를 실행하여 저장소.. 2023. 2. 7.
ChatGPT가 알려주는 Node.js 모범 사례 30선 (목표 100선) :: Best Practices 다음은 Node.js 개발을 위한 몇 가지 일반적인 모범 사례입니다: 비동기 프로그래밍에는 async/await을 사용하세요. try-catch 블록을 사용하여 오류를 적절히 처리하세요. 민감한 정보에는 환경 변수를 사용하세요. 데이터를 효율적으로 저장하고 검색할 수 있도록 적절한 데이터 구조를 선택하세요. 유지보수 가능성을 높이기 위해 모듈을 작고 집중적으로 유지하세요. 코드 품질과 일관성을 강화하기 위해 ESLint와 같은 린터를 사용하세요. Mocha 또는 Jest와 같은 테스트 프레임워크를 사용하여 코드에 대한 테스트를 작성하세요. 종속성을 최신 상태로 유지하고 보안 취약성을 모니터링하세요. PM2와 같은 프로세스 관리자를 사용하여 프로덕션 환경에서 Node.js 애플리케이션을 관리하세요. 로깅 .. 2023. 2. 7.
DeepL vs Google vs ChatGPT 번역 대결 :: DeepL 픽! 오늘의 문장: 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.. 2023. 2. 6.
React를 ChatGPT에게 배우다. [ 설치 ] 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.. 2023. 2. 6.
Ruby를 ChatGPT로 배우다 :: 루비 언어 [ 설치 ] 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. 2. 6.
Django를 ChatGPT에게 배우다 :: Python 2023.02.06 - [IT 인터넷/Python] - 파이썬을 ChatGPT에게 배우다 :: Python 2023. 2. 6.
파이썬을 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.. 2023. 2. 6.
Go 언어를 ChatGPT에게 배우다 :: Golang [ 설치 ] MacOS에서 Go (Golang)을 설치하는 방법은 다음과 같습니다. Go의 최신 버전을 다운로드합니다: https://golang.org/dl/ 다운로드한 파일을 압축 해제합니다. 압축 해제한 폴더를 /usr/local/go 로 이동시킵니다. 터미널에서 간단한 설정을 합니다. 환경 변수 $GOPATH를 설정합니다. (ex: export GOPATH=$HOME/go) $PATH에 /usr/local/go/bin을 추가합니다. (ex: export PATH=$PATH:/usr/local/go/bin) 터미널에서 "go version"을 입력하여 설치가 잘 되었는지 확인합니다. 축하합니다! MacOS에서 Go (Golang)이 설치되었습니다. [ 변수 ] Go (Golang)에서 변수 선언 및.. 2023. 2. 5.
Dart와 Flutter를 ChatGPT에게 배우다. [ 설치 ] Flutter 개발을 위해서 Visual Studio Code를 사용하려면 다음과 같은 단계를 수행하면 됩니다: Flutter SDK 설치: Flutter SDK를 설치하여 개발 환경을 구축합니다. Visual Studio Code 확장 플러그인 설치: Visual Studio Code에서 Flutter 개발을 위해서 필요한 확장 플러그인을 설치합니다. (Flutter, Dart 확장 플러그인) 프로젝트 생성: Visual Studio Code에서 새 프로젝트를 생성하고, Flutter 구조를 유지하며 개발을 시작합니다. 코딩 및 디버깅: Visual Studio Code에서 Flutter 앱을 개발하고, 디버깅 도구를 사용하여 코드를 검증합니다. macOS에서 Flutter SDK 설치하는.. 2023. 2. 5.
Rust를 ChatGPT에게 배우다. Rust는 안전하고 동시적이며 빠르도록 설계된 시스템 프로그래밍 언어입니다. 비영리 조직인 Rust Project에서 유지 관리하며 보안 및 성능에 중점을 둡니다. Rust의 몇 가지 주요 기능은 다음과 같습니다. 메모리 안전 - Rust에는 null 및 댕글링 포인터 역참조, 버퍼 오버플로 및 기타 메모리 오류를 방지하는 메모리 안전 기능이 내장되어 있습니다. 동시성 - Rust는 강력한 동시성 모델을 제공하여 효율적인 멀티스레딩과 손쉬운 병렬 처리를 허용합니다. 성능 - 메모리 안전에 대한 Rust의 초점은 고도로 최적화된 기계어 코드를 생성하고 오버헤드가 낮기 때문에 성능을 희생하지 않습니다. 상호 운용성 - Rust는 기존 C 및 C++ 코드와 쉽게 통합할 수 있으므로 시스템 프로그래밍 및 게임 .. 2023. 2. 4.
[Dart] VSCode 저장시 자동으로 ; 세미콜론 추가하기 설정 "editor.codeActionsOnSave": { "quickfix.insertSemicolon": true, }, 2023. 1. 31.
728x90
반응형
LIST

티스토리툴바