안녕하세요! cocoder 입니다. 이번포스팅은 상단배너에 움직이는 귀여운 텍스트 효과를 추가하는 방법을 포스팅 해보려고 합니다. 우선 티스토리 관리페이지로 이동합니다. '꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다. css 코드입니다. 이 코드는 태그 바로 위쪽에 붙여넣기합니다.요렇게 붙여넣기를 했습니다. 아래의 코드는 태그 바로 아래에 붙여넣기 하겠습니다. c o c o d e r ! 일단 붙여넣기 하기전에 텍스트를 수정을해야겠죠? 이 안에있는 텍스트를 원하시는 텍스트로 수정합니다. 태그의 갯수를 줄이는건 상관이 없는데 갯수가 8개를 넘지 않도록 해주세요. 글자수가 많을 경우에는 이렇게 사용하셔도 됩니다. co co der b l o..
안녕하세요! cocoder 입니다. 이번 포스팅은 블로그의 내용을 드래그를 허용하는 경우에 드래그한 텍스트의 색깔을 변경하는 방법을 알려드릴게요. 요게 보통 일반적인 텍스트 드래그 했을경우의 색깔이죠. 요런식으로 블랙핑크로 바꿀수도 있습니다. 코드는 이렇습니다. 색상코드는 원하시는거로 변경하시면 됩니다. 색상을 추천해주는 사이트 입니다. https://2colors.colorion.co/ Two Color Combinations Two color combination palettes 2colors.colorion.co 우선 티스토리 관리페이지로 이동합니다. '꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다. 태그위에 이 코드를 붙여넣을거에요. 요런식으로 넣..
안녕하세요! cocoder 입니다. 이번포스팅은 스크롤바를 커스텀 하는 방법을 포스팅 해보려고 합니다. 저는 요런 모습으로 커스텀을 해봤습니다. css를 사용해서 스크롤바의 색깔을 바꾸고 둥굴둥굴한 스크롤바를 만들어볼게요! 우선 티스토리 관리페이지로 이동합니다. '꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다. 태그가 보이시나요? 이 위쪽에 어떤 코드를 넣을거에요. 요 코드를 아까 태그의 위에 그대로 복사 붙여넣기 하시면 됩니다. 스크롤바 두께를 조정하고 싶다면! ::-webkit-scrollbar { width: 12px; /* 스크롤바의 너비(두께) */ } 이 부분의 숫자를 올리거나 내리시면됩니다. 움직이는 스크롤바 부분의 색깔을 바꾸고 싶다면! :..
안녕하세요 cocoder 입니다. 이번엔 bootstrap 이라는 라이브러리를 사용하여서 움직이는 이미지 슬라이더 배너를 만들어보겠습니다. 시작전에 최소 2장의 사진을 준비해주세요. 티스토리 관리페이지 '꾸미기 > 스킨편집' 후에 html 편집 버튼을 클릭합니다. 태그 바로위에 아래의 코드를 붙여넣기 합니다. 무료 이미지 호스팅 사이트를 이용하여 이미지를 업로드 합니다. 무료 이미지 호스팅 사이트 하나를 알려드릴게요. https://postimages.org/ Postimages — 무료 이미지 호스팅 / 이미지 업로드 사이트 무료 이미지 업로드 및 포럼에 대한 호스팅 통합을 제공합니다. 무료 사진호스팅 및 사진은 웹 사이트와 블로그에 대한 공유. postimages.org 이미지를 업로드 하고 직접링크..
안녕하세요! cocoder 입니다. 이번엔 티스토리 상단에 고정된 배너 이미지를 만드는 방법을 알려드릴게요!! 일단 배너로 하실 이미지 하나를 준비해주세요. 가로비율이 넓은 이미지이면 좋을 것 같습니다. 제가 준비한 이미지는 이 이미지 입니다. 일단 티스토리에 게시물을 하나 작성해야합니다. 게시물 내용에 이미지를 포함해서 게시물을 작성해주세요. 비공개로 작성하셔도 됩니다. 작성하신 게시물로 가셔서 F12를 누르면 오른쪽에 창이하나 생깁니다. 위 사진의 오른쪽상단에 빨간색 으로 표시된 < 요런 모양의 버튼이 있습니다. 이 버튼을 누르고 커서를 옮겨 이미지를 클릭합니다. 위 사진처럼
No-Code개발이란? 노코드 개발은 사용자가 프로그래밍 언어를 사용하지 않고도 애플리케이션을 개발할 수 있도록 하는 플랫폼이나 도구를 말합니다. 이러한 플랫폼은 주로 드래그 앤 드롭 인터페이스와 같은 시각적 도구를 제공하여, 사용자가 간편하게 애플리케이션의 구성 요소를 선택하고 배치할 수 있게 해줍니다. 이는 개발 프로세스를 간소화하고, 개발 시간을 단축시킵니다. 현대 기술의 진보는 소프트웨어 개발의 세계를 근본적으로 변화시켰습니다. 그 중심에는 No-Code(노코드) 개발이 있습니다. 이 접근 방식은 프로그래밍 지식이 없는 사람들도 복잡한 애플리케이션을 만들 수 있게 해줌으로써, 기술 개발의 장벽을 낮추고 있습니다. 이 글에서는 노코드 개발이 무엇인지, 그리고 그 장점과 단점을 알아보겠습니다. No-..
- session과 cookie의 다른점
- 2024 클라우드 지원사업
- session과 cookie의 차이점
- 강남 자율주행 택시
- OpenAI 최근 뉴스
- 티스토리 배너 만들기
- postgresql 리눅스 설치
- 파일 크기 제한
- 인증서 자동 갱신
- Spring Boot
- 서울 자율주행 택시
- 클라우드 서비스 지원포털
- OpenAI 최근 소식
- 블로그 꾸미기
- suno v2
- redis spring boot 연동
- 나만의 홈페이지 만들기
- suno v3
- OpenAI DALLE
- 음악제작 ai
- OpenAI 이미지 생성기
- session과 cookie의 차이
- 서버 설정
- 구독버튼 꾸미기
- 쉬운 홈페이지 만들기
- 세션과 쿠기의 차이점
- 홈페이지
- 동영상 배너
- 홈페이지 만들기
- pgvector 확장 설정
- Total
- Today
- Yesterday