[webstorm] prettier & lint 설정 방법

프로젝트 설정 패키지 설치npm install --save-dev prettier eslint eslint-config-next eslint-plugin-prettier eslint-config-prettierprettier: 코드 포맷터eslint: 코드 린터eslint-config-next: Next.js에 적합한 ESLint 설정eslint-plugin-prettier: ESLint에서 Prettier 포맷팅 체크eslint-config-prettier: ESLint와 Prettier 간 충돌 방지Prettier 설정 프로젝트 루트에 .prettierrc 파일 생성 후 아래 내용 추가:{ "semi": true, "singleQuote": true, "trailingComma": "all", ..

• format_list_bulleted Programming/Tool
• · 2024. 12. 8.
• textsms

[Tailwind] Tailwind ide 필수 플러그인 소개

vscodeTailwind CSS IntelliSense맥기준 controll + space 누르면 자동완성이 뜨고 거기서 한번더 controll + space 누르면 css 가 어떻게 적용되는지 확인가능webstorm Tailwind CSScontroll + space로 자동완성가능  vscode처럼 css가 어떻게 적용되는지는 보려면 자동완성에서 f1 누르면 확인가능하다

• format_list_bulleted Programming/Css
• · 2024. 11. 27.
• textsms

[Bootstrap] Containers, Grid, Columns

Bootstrap에서 Containers, Grid, Columns는 웹 페이지의 레이아웃을 구성하는 데 필수적인 요소입니다. 각각의 역할과 사용 시점을 명확하게 이해하는 것이 중요합니다.Containers 설명 : 컨테이너(Container)는 Bootstrap 레이아웃 시스템의 가장 기본적인 요소입니다. 페이지의 내용을 감싸는 데 사용되며, 마진과 패딩을 통해 내용이 디바이스 화면의 가장자리에 바로 닿지 않도록 합니다. 언제 사용해야 하는가 : 웹 페이지나 웹 애플리케이션의 최상위 레벨에서 사용됩니다. 페이지의 메인 컨텐츠를 위한 레이아웃을 정의할 때 시작점으로 사용합니다. 반응형 레이아웃을 구현할 때는 .container 클래스가 화면 크기에 따라 최대 너비를 조절하며, 전체 너비를 사용하고 싶을 ..

• format_list_bulleted Programming/Bootstrap
• · 2024. 3. 12.
• textsms

MySQL에서 `INSERT INTO SELECT` 쿼리 사용하기

MySQL의 INSERT INTO SELECT 쿼리는 한 테이블에서 선택한 데이터를 다른 테이블에 삽입하는 데 사용됩니다. 이 쿼리는 데이터를 복사하거나 기존 데이터를 기반으로 새 데이터를 생성할 때 매우 유용합니다. 기본 구조 INSERT INTO 테이블2 (열1, 열2, ...) SELECT 열1, 열2, ... FROM 테이블1 WHERE 조건;

• format_list_bulleted Programming/MySql
• · 2024. 1. 19.
• textsms

python에서 list filter 하기

Python에서 'bin'으로 끝나는 항목 제외하여 리스트 필터링하기 Python을 사용하여 데이터 리스트에서 특정 조건을 만족하지 않는 항목들만 필터링하는 것은 일반적인 작업입니다. 이 예시에서는, products 리스트에서 img_src 속성이 'bin'으로 끝나는 항목들을 제외하는 방법을 다룹니다. 예시 코드 # 예시 products 리스트 products = [ {'name': 'Product 1', 'img_src': 'image1.jpg'}, {'name': 'Product 2', 'img_src': 'image2.bin'}, {'name&#39..

• format_list_bulleted Programming/Python
• · 2024. 1. 17.
• textsms

node-telegram-bot-api deprecated Automatic enabling of cancellation of promises is deprecated.

잘실행되던 node가 갑자기 실행해보니 아래와 같이 에러가 발생 node-telegram-bot-api deprecated Automatic enabling of cancellation of promises is deprecated. In the future, you will have to enable it yourself. See https://github.com/yagop/node-telegram-bot-api/issues/319. node:internal/modules/cjs/loader:1099:14 제일 쉬운 해결방법은 제일 상단에 아래와 같이 선언 process.env.NTBA_FIX_319 = 1 자세한 내용은 아래 글 참조 https://stackoverflow.com/questions/6..

• format_list_bulleted Programming/Javascript
• · 2023. 11. 7.
• textsms