1. UI (User Interface, 사용자 인터페이스) UI는 사용자가 직접 보고, 만지고, 상호작용하는 시각적 요소와 관련됩니다.주요 목표는 사용자와 제품 간의 상호작용을 직관적이고 효율적으로 만드는 것입니다. UI의 주요 요소  1. 시각적 디자인 • 버튼, 아이콘, 메뉴, 색상, 글꼴 등 화면에 보이는 모든 요소. • 일관성 있는 디자인을 통해 사용자가 쉽게 이해할 수 있도록 함. 2. 배치(Layout) • 콘텐츠와 기능이 화면에 어떻게 배치되는지 설계. • 가독성과 사용성을 높이는 역할. 3. 반응성(Responsiveness) • 다양한 기기(모바일, 태블릿, 데스크톱)에서 디자인이 적절히 표시되도록 보장. UI의 예시 • 하단 메뉴바(Tab Bar): 주요 기능에 빠르게 접근 가능. •..

오늘은 파이썬에서 크롤링할때 자주 사용하는Selenium에 대해 간단하게 알아보겠다 selenium은 웹 어플리케이션에서 자동화를 할때 사용하는 라이브러리이다 간단하게 말하면 자동으로 웹에서 클릭이나 문자 입력등을 할 수 있게 도와준다예전 싸피 시절 같은반에서 파이썬 잘하는 형이 크롤링 하는걸 봤는데 자동으로 혼자 클릭하고 정보 가져오는걸 보고컴퓨터에 귀신이 들린거마냥 혼자 움직이길래 너무 신기했는데 그걸 해볼 수 있다 ㅋㅋㅋㅋㅋ 먼저 당연히 설치를 해줘야한다터미널에서pip install selenium을 입력하면 된다나는 근데 pip3 install을 입력해야 설치가 됐다GPT에게 물어보니이렇다고 한다  (webdriver_manager도 설치를 해야하는줄 알았는데selenium4 부터는 기본적으로 크..

오늘은 mac에서 사용할수 있는 db GUI중 Tableplus 사용법에 대해 알아보겠다 다른 GUI들도 많지만 어쩌다보니 이걸 계속 사용하고 있는데 눈으로 보기도 쉽고 수정하기도 쉬워서 꾸준히 사용중이다 https://tableplus.com/ TablePlus | Modern, Native Tool for Database Management.Modern, native client with intuitive GUI tools to create, access, query & edit multiple relational databases: MySQL, PostgreSQL, SQLite, Microsoft SQL Server, Amazon Redshift, MariaDB, CockroachDB, Vertic..

어쩌다 보니 프론트엔드 개발자로 시작했던 내가 데이터도 조금 손볼일이 생겼다 sqld 자격증이 있지만 sql문은 사용할줄 모르는 ㅎㅎ... 쨌든 오늘은 Next js를 maridb와 연결? 하는 방법을 알아보겠다 일단 터미널에서 npm i mariadb를 통해 마리아db를 설치해준다(아 당연히 mariadb를 brew를 통해 이미 설치하고 db도 만들어뒀다) 그리고 파일은 어디에 들어가든지 상관 없을거 같은데src/lib/db.ts 이 경로에 db.ts파일을 만들어 주고import mariadb from 'mariadb';const pool = mariadb.createPool({ host: process.env.host, user: process.env.user, // MariaDB 유저명..

사실 배포한지 꽤 오래됐는데 블로그 포스팅하기가 귀찮아서 이제야 쓴다 정말 별거 아니지만 그래프를 보여주고 자산평가 페이지를 만들어서 배포가 궁금해져서 이것저것 검색해봤다 뭐 여러가지 도구들이 있겠지만 next js를 만든 vercel에서 배포를 정말 간단하게 할 수 있었다 배포 하는 방법은 vercel에 깃허브 계정으로 회원가입을 하고 깃 레포지토리를 연결해주면 된다 다른 블로그에 방법이 자세히 나와있으니 그걸 참고하길 바라구  vercel에서 배포를 하면 이러한 화면을 볼수있다 이게 진짜 편한게 뭐 다른거 도구 안쓰고  깃에 커밋하면 저절로 빌드하고 새로운 버전으로 배포를 해준다 근데 여기서 주의할 사항이 있다 .env파일은 깃에 올라가지 않기때문에 velcel 페이지에서 직접 입력을 해줘야한다.(나..