전체 글72 CSS로 HTML / JS 돌아가는 로딩 UI 만들기 ( 로딩창 만들기 / React.js / Next.js 등 ... ) 안녕하세요 이런 식으로 동글동글 돌아가는 UI가 필요한 경우가 많은데 오늘은 이걸 만들어보도록 하겠습니다 우선 이런 식으로 베이스 코드를 작성해주시고 같은 경로에 main.css / main.js를 만들어줍니다 사실 css만 있으면 되고 js는 딱히 필요한 건 아닙니다 여튼 처음 html을 생성하고 로드하면 위와 같은 화면이 뜹니다 여기서 loader는 inline 요소인 span태그로 만들어졌고 아무런 값도 가지고 있지 않습니다 일단 우선 button 태그를 가운데에 정렬해보죠 그리고 배경도 깔끔하게 베이지 색으로 적용해보겠습니다 body { background-color: beige; min-height: 100vh; display: flex; justify-content: center; align-.. 2024. 3. 16. 남다른 윈도우 터미널 만드는 법 ( 윈도우 터미널 꾸미기 ) 일명 (터꾸) 터꾸 맥북이나 우분투 혹은 리눅스를 사용하시는 분들은 아마도 터미널 꾸미기를 해 보신 적이 있을 텐데요 예를 들어 무지개로 터미널 글자를 변경하는 BREW 패키지 등이 있죠 네.. 이런거요 근데 이거 윈도우에서도 가능하게 추가되었더라구요? 윈도우 11을 사용하면 손쉽게 변경할 수 있었습니다 터미널 꾸미기 주의. 단점은 외부 패키지를 안 지원하는 윈도우 환경의 [ 폐쇄적인 ] 터미널 꾸미기입니다... 미리보기 우선 저는 제가 좋아하는 캐릭터(?) 인 삼칠이 ( March 7th, StarRail )로 꾸며봤는데 배경 외에도 색을 지정하는 기능이 따로 있습니다 배경 변경 & 색상 변경 음.. 저는 WSL 때문에 뭐가 많은데 MariaDB등 터미널을 사용하는 키가 있으면 자동으로 감지해서 셸로 인식하게 됩니다.. 2024. 3. 15. 파이썬 질의 응답 AI 5분만에 만드는 법 ( 파이썬, Transformer Models, Bert LLM ) 최종 노트북 코드 https://github.com/layla-focalors/ai-learn-notebook/blob/main/Dynamic-LLM_%EC%A7%88%EC%9D%98%EC%9D%91%EB%8B%B5.ipynb 전제 조건 1. transformer 패기지 설치 ) 2. Pytorch 설치 // 깃허브의 각종 트랜스포머 및 학습 모델들은 주기적으로 업데이트 예정입니다 COLAB 에서 불러와서 실행해도 됩니당 from transformers import pipeline qa = pipeline('question-answering') print(qa.model) preset = """A city of freedom that lies in the northeast of Teyvat. From a.. 2024. 3. 14. 파이썬에서 계정 정보를 숨기고 싶다면? 파이썬 env 파일 사용 방법! ENV 파일이 필요한 이유 안녕하세요 보통 web 개발을 할 때는 next.js / react.js / remix.js 등등등... 에서는 보통 '.env' 파일을 사용하여 API 키나 사용자에게 노출되어서는 안 되는 값을 숨깁니다 그렇지만 보통 파이썬에서는 하드코딩으로 때려박는 경우가 많아 깃허브에 잘못 커밋되는 경우도 허다하죠 ( 유출 등 ) import pymysql userd = 'root' passwordd = 'root' connection = pymysql.connect(host='localhost', port=3306, user=userd, password=passwordd, db='test') 보통 강의 등에서는 위와 같이 테이블에 접속하는 코드를 작성하는 경우가 많습니다 왜냐하면 수정도.. 2024. 3. 13. 이전 1 2 3 4 5 6 7 ··· 18 다음