회사에서도 git 엔터프라이즈 버전을 사용하고 있고, 개인적으로 github도 사용하고 있다. 제대로 clone을 받아서 사용하면 문제가 없는데.. 가끔 계정관련해서 꼬일때가 있다. 예를들면 회사 git의 권한으로 개인 git에 push하려고 한다던지..아래와 같이 ssh key config 파일을 만들어서 쉽게 관리할수 있다. ~/.ssh/config file# 개인 GitHub 계정Host github.com-p HostName github.com User git IdentityFile ~/.ssh/id_rsa# 회사 GitHub 계정Host github.com-c HostName 회사git도메인 User git IdentityFile ~/.ssh/id_rsa_back..
프로젝트 설정 패키지 설치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", ..
vscodeTailwind CSS IntelliSense맥기준 controll + space 누르면 자동완성이 뜨고 거기서 한번더 controll + space 누르면 css 가 어떻게 적용되는지 확인가능webstorm Tailwind CSScontroll + space로 자동완성가능 vscode처럼 css가 어떻게 적용되는지는 보려면 자동완성에서 f1 누르면 확인가능하다
Bootstrap에서 Containers, Grid, Columns는 웹 페이지의 레이아웃을 구성하는 데 필수적인 요소입니다. 각각의 역할과 사용 시점을 명확하게 이해하는 것이 중요합니다.Containers 설명 : 컨테이너(Container)는 Bootstrap 레이아웃 시스템의 가장 기본적인 요소입니다. 페이지의 내용을 감싸는 데 사용되며, 마진과 패딩을 통해 내용이 디바이스 화면의 가장자리에 바로 닿지 않도록 합니다. 언제 사용해야 하는가 : 웹 페이지나 웹 애플리케이션의 최상위 레벨에서 사용됩니다. 페이지의 메인 컨텐츠를 위한 레이아웃을 정의할 때 시작점으로 사용합니다. 반응형 레이아웃을 구현할 때는 .container 클래스가 화면 크기에 따라 최대 너비를 조절하며, 전체 너비를 사용하고 싶을 ..
MySQL의 INSERT INTO SELECT 쿼리는 한 테이블에서 선택한 데이터를 다른 테이블에 삽입하는 데 사용됩니다. 이 쿼리는 데이터를 복사하거나 기존 데이터를 기반으로 새 데이터를 생성할 때 매우 유용합니다. 기본 구조 INSERT INTO 테이블2 (열1, 열2, ...) SELECT 열1, 열2, ... FROM 테이블1 WHERE 조건;
Python에서 'bin'으로 끝나는 항목 제외하여 리스트 필터링하기 Python을 사용하여 데이터 리스트에서 특정 조건을 만족하지 않는 항목들만 필터링하는 것은 일반적인 작업입니다. 이 예시에서는, products 리스트에서 img_src 속성이 'bin'으로 끝나는 항목들을 제외하는 방법을 다룹니다. 예시 코드 # 예시 products 리스트 products = [ {'name': 'Product 1', 'img_src': 'image1.jpg'}, {'name': 'Product 2', 'img_src': 'image2.bin'}, {'name'..