본문 바로가기

전체 글18

tailwindcss 사용하기 1. npx create-vite@latest hanjaproject 2. 해당 디렉토리로 이동후cd myapp3. 이용하려는 패키지 설치npm install 4. 한번 실행해 보기(선택)npm run dev 5.npx svelte-add tailwindcss( 반드시 npm install 수행 후 )깔끔하게 정리된 postcss.config.jstailwind.config.js를 만나볼 수 있다. 2025. 6. 6.
tailwindcss, local css에서 적용안될때 환경사항windows 11, pro(24h2)node version 22.12.0npm 11.3.0"next": "15.3.2","react": "^19.0.0","react-dom": "^19.0.0""postcss": "^8.5.3","@tailwindcss/postcss": "^4.1.6","tailwindcss": "^4.1.6",앱 라우터를 이용해 라우팅을 할 경우 globals.css 에서는 적용이 되지만 하위 라우팅에서는 안되는 경우하위 .css에서@reference "../globals.css";/* Tailwind가 정의된 파일을 참조 */@reference "../globals.css";/* Tailwind가 정의된 파일을 참조 */.header { @apply text-cente.. 2025. 5. 13.
git 기본 사용법 git 기본 사용법 git을 설치한다. Git을 사용하려면 커밋할 때 필요한 사용자 이름과 이메일 주소를 설정 git config --global user.name "Your Name" git config --global user.email "your-email@example.com" git config --global init.defaultBranch main 을 이용하여 브랜치 이름의 기본값을 main으로 해준다. git config --global --list 설정 확인하기 2. 로컬의 프로젝트 폴더에서  git init을 이용하여 초기화 해준다. 3. git 저장소에 제외할 파일 설정(.gitignore) 예) 4. 변경된 파일들을 추가해 준다. git add . 5. 커밋 한다 git comm.. 2025. 2. 3.
sqlalchemy 기본값 설정하기(mariadb, mysql) 서버측에서 uuid와, current_stamp() 사용하기env에서  compare_server_default=True, 옵션 넣어 줘야 함from uuid import uuid4from sqlalchemy import BigInteger, Integer, func, textfrom sqlalchemy import Column, DateTime, String, BINARYfrom app.core.database import Baseclass User(Base): __tablename__ = "user" id = Column(BigInteger, primary_key=True, index=True, autoincrement=True) id2 = Column( BINARY(16.. 2024. 8. 22.
wsl-unbuntu 에서 설치된 postgresql 외부에서 접속하기 1. postgresql 를 설치한다. 2. 파일을 수정한다. postgresql.conf 파일 수정:postgresql.conf 파일을 엽니다. 일반적으로 /etc/postgresql//main/postgresql.conf에 위치합니다: postgresql.conf 파일에서 listen_addresses를 찾아서  '*'로 설정하여 모든 IP 주소에서의 연결을 허용합니다:listen_addresses = '*'  2-2pg_hba.conf 파일 수정:pg_hba.conf 파일을 엽니다. 일반적으로 /etc/postgresql//main/pg_hba.conf에 위치합니다:pg_hba.conf에서 외부 IP의 접속을 허용하는 규칙을 추가합니다:host    all             all        .. 2024. 7. 12.
파이썬 함수 매개변수 파라미터 색상 바꾸기 개인적인 글이라 친절하지 못합니다. 궁금하신점은 댓글로 친절하게 답해드립니다. ^_^   파이썬 함수 매개변수 파라미터 색상 바꾸기"editor.semanticTokenColorCustomizations": {    "enabled": true,    "rules": {      "*.typeHint": {          "foreground": "#7a7878",          "fontStyle": "italic"        },        "class.typeHint.builtin": {          "foreground": "#bbbbbb",          "fontStyle": "italic"        }      }    //     "typeHint": "#f5f5f5",  .. 2024. 6. 30.
vs code 원하지 않는 폴더 안 보이게 하기 개인적인 글이라 친절하지 못합니다. 궁금하신점은 댓글로 친절하게 답해드립니다.  ^^    작업폴더내에 .vscode 폴더가 있는지 확인한다. 없으면 만든다 settings.json 파일을 확인한다. 없으면 만든다.다음을 파일에 추가한다.{ "files.exclude": { "**/안보일폴더명": true }, "search.exclude": { "**/안보일폴더명": true }} 2024. 6. 18.
파이썬 의존성 주입(Dependency Injection) 에 대하여 파이썬에는 의존성 주입이(Dependency Injection)라는게 있는게 말이 참 어렵습니다. 쉽게 설명해 보자 # 예시 1. **FunctionB 정의**     `functionB`는 특정 로직을 수행하여 문자열을 반환합니다.     ```python     def functionB():         # 특정 로직 수행         return "b라는 값"     ``` 2. **FunctionA 정의**     `functionA`는 `functionB`가 반환한 값을 매개변수로 받습니다.     ```python     def functionA(param):         print(f"Parameter value: {param}")     ``` 3. **FunctionA 호출**   .. 2024. 6. 15.
alembic 사용 방법 개인적인 글이라 친절하지 못합니다. 궁금하신점이 있으면 댓글로 부탁드립니다.  아주 매력적인 DB 스키마 마이그레이션 프레임워크이지만 , 이런 저런 사용법이 조금 까다롭기도 하다.(사전에 sqlalchemy 이 설치 되고 사용법도 어느정도는 알고 있어야 한다.)pip install sqlalchemy을 이용하여 우선 sqlalchemy부터 설치한다. database.pyimport osfrom sqlalchemy.ext.declarative import declarative_basefrom sqlalchemy.orm import sessionmakerfrom sqlalchemy import create_engine#환경변수에서 가져온 db URL 값이다.db_url = os.environ.get("db_.. 2023. 12. 10.
alembic, db_url 환경변수에서 가져오기 보안상 DB 접속 정보를 환경변수에 저장한 후 가져오는 방법을 소개 하고자 한다. 환경 변수는 권한에 따른 접근도 어렵고 관리도 쉬운편이다. 1. DB 접속 정보 (여기서는 mysql을 예로 든다.) db_url : mysql+pymysql://사용자명:비밀번호@호스트:포트번호/DB명 db_url 은 임의로 정할 수 있고 시스템 변수에 등록해 준다. 2. 환경변수에 넣는 방법 2-1.환경변수 편집들어가서 추가 2-2 명령프롬프트에서 등록 setx db_url "mysql+pymysql://사용자명:비밀번호@호스트:포트번호/DB명: 3. 환경변수가 바로 적용되도록 시도해 볼 수 있는 것 1. 레지스트리에 편집기에 가서 확인해 본다. HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlS.. 2023. 12. 10.

티스토리툴바