회고하는 개발자, 나만의 이야기 🌱

✨ Lucide 아이콘이란?1000개 이상의 벡터(svg) 파일을 제공하는 오픈 소스 아이콘 라이브러리🖌️ propsnametypedefaultsizenumber24colorstringcurrentColorstrokeWidthnumber2absoluteStrokeWidthbooleanfalsestrokeWidth 테두리 두께를 조절할 수 있는 props.특별히 따로 조정할 일은 없을 듯.absoluteStrokeWidthtrue로 설정하면 아이콘의 크기에 관계없이 strokeWidth 가 일정하도록 조정할 수 있음.특별히 따로 조정할 일은 없을 듯.🌱 설치npm install lucide-react🌱 사용 예시import { Camera } from 'lucide-react';// Usagecons..

📚 라이브러리 2025. 1. 12. 17:45

Docker로 PostgreSQL에 접속하는 방법을 기록합니다. Docker에 대해서 궁금한 분들은 아래 글을 참고해 주세요!👉🏻 2025.01.12 - [📦 setup] - [Docker] Docker란? [Docker] Docker란?🩵 Docker란?개발자가 컨테이너를 빌드, 배포, 실행, 업데이트, 관리할 수 있는 오픈 소스 플랫폼이다. Docker의 핵심 개념은 이미지와 컨테이너다. Docker 이미지에는 소프트웨어 실행에 필요한 모u-ryu-logs.tistory.com🫧 Docker로 PostgreSQL 접속하기Docker 컨테이너에 PostgreSQL 설치하기1. PostgreSQL 이미지 가져오기docker pull postgres2. PostgreSQL 이미지 확인docker ..

📦 setup 2025. 1. 12. 17:31

Docker로 MariaDB에 접속하는 방법을 기록합니다. Docker에 대해서 궁금한 분들은 아래 글을 참고해 주세요! 👉🏻 2025.01.12 - [📦 setup] - [Docker] Docker란? [Docker] Docker란?🩵 Docker란?개발자가 컨테이너를 빌드, 배포, 실행, 업데이트, 관리할 수 있는 오픈 소스 플랫폼이다. Docker의 핵심 개념은 이미지와 컨테이너다. Docker 이미지에는 소프트웨어 실행에 필요한 모u-ryu-logs.tistory.com 🫧 Docker로 MariaDB 접속하기1. MariaDB 이미지 가져오기docker pull mariadb2. MariaDB 컨테이너 생성하고 실행하기docker run -p 3306:3306 --name {컨테이너 이..

📦 setup 2025. 1. 12. 17:20

🫧 Supabase 로컬 환경에서 설정하기1. installing the Supabase CLIbrew install supabase/tap/supabase2. supabase loginnpx supabase login 3. supabase initsupabase init4. supabase startsupabase start 5. .env 파일 작성6. studio URL 접속해서 확인해 보기supabase stopsupabase status 참고 자료Local development with schema migrations

📦 setup 2025. 1. 12. 17:14

저번 포스트에서는 Docker로 MariaDB에 접속하는 법을 다뤘습니다. 👉🏻 2025.01.12 - [📦 setup] - [MariaDB] 1탄 - Docker로 로컬 환경 구축하기 [MariaDB] 1탄 - Docker로 로컬 환경 구축하기Docker로 MariaDB에 접속하는 방법을 기록합니다. Docker에 대해서 궁금한 분들은 아래 글을 참고해 주세요!2025.01.12 - [📦 setup] - [Docker] Docker란?🫧 Docker로 MariaDB 접속하기1. MariaDB 이미지 가져오기dockeru-ryu-logs.tistory.com 이번 포스트에서는 Docker로 접속한 MariaDB를 쉽게 다루기 위해 Sequel Pro라는 도구를 사용하는 법을 기록합니다.🥞 Se..

📦 setup 2025. 1. 12. 16:45

🩵 Docker란?개발자가 컨테이너를 빌드, 배포, 실행, 업데이트, 관리할 수 있는 오픈 소스 플랫폼이다. Docker의 핵심 개념은 이미지와 컨테이너다. Docker 이미지에는 소프트웨어 실행에 필요한 모든 것, 즉 코드, 런타임, 드라이버, 도구, 스크립트, 라이브러리, 배치 등이 포함된다. Docker 컨테이너는 이미지를 실행한 상태라고 볼 수 있다.👩🏻‍💻 Docker 이미지란?Docker 이미지에는 실행 가능한 애플리케이션 소스 코드는 물론, 이 애플리케이션 코드가 컨테이너 형태로 실행되는 데 필요한 모든 툴, 라이브러리 및 종속 항목이 포함되어 있다.Docker 이미지를 완전히 새로 빌드하는 것도 가능하지만, 대부분 개발자는 공통 저장소에서 해당 이미지를 가져온다.🎁 컨테이너란?이미..

📦 setup 2025. 1. 12. 16:34

💡 사용자 지정 속성이란? (CSS 변수)CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담는다.전용 표기법을 사용해 정의한다. (--main-color: black;)var() 함수를 사용해 접근할 수 있다. (color: var(--main-color);)💡 사용자 지정 속성 왜 쓰나요?첫 번째 이유. 복잡한 웹사이트는 어마어마한 양의 CSS를 가지고 있는데, 종종 많은 값을 반복적으로 사용한다. 사용자 지정 속성을 사용하지 않는다면 여러 곳에 중복된 색상을 변경하기 위해 모든 CSS 파일에서 검색 및 바꾸기를 수행해야 한다.두 번째 이유. 의미를 가지는 식별자를 사용하기 때문에 특히 같은 색을 다른 맥락에서 사용할 때 유용하다. #00ff00 보다는 --main-text-..

🎨 CSS 2025. 1. 12. 16:07

📍 HTTP/0.9- GET 메소드만 지원- HTTP 헤더가 없어서 HTML 파일만 전송 가능 / 상태코드도 없었음.- HTML 파일 자체를 응답으로 보내줌. 초창기의 HTTP.HTTP/0.9 버전에서는 GET 메서드만 지원하고 HTTP 헤더가 없어서 HTML 파일만 전송 가능했다. 상태코드도 없었다.응답 메시지를 보면 HTML 파일 자체를 응답으로 보내주고 있는 것도 확인할 수 있다.HTTP/0.9 버전은 HTML 문서를 전송하기 위한 단순한 프로토콜이었다.📍 HTTP/1.0- GET, HEAD, POST 메소드 지원- 각 요청 안에 버전 정보가 포함되어 전송되었음.- 헤더의 도입 / 상태코드 추가- HTTP 헤더(Content-Type)의 도움으로 HTML 이외의 파일도 전송할 수 있게 됨.- S..

🔐 HTTP 2025. 1. 12. 15:59