티스토리

겨울잠
검색하기

블로그 홈

겨울잠

dreams-whale.tistory.com/m

코드싫어요... 졸려요...

구독자
0
방명록 방문하기

주요 글 목록

  • 그누보드 SASS 적용하기 그누보드를 사용하여 프론트 작업을 좀 더 빨리하고픈 맘에 그누보드 SCSS를 적용을 해보게 되었습니다. 저는 Visual studio code를 사용하고 있기에 vscode로 적용하겠습니다. 작업전 필요 준비물visual studio code ( vscode )Extensions ftp -simple2024.07.20 - [Dev/Php] - VsCode - 그누보드 FTP 연결  설치 1. 좌측 사이드 메뉴란에 Extensions (동그라미 친것) 를 클릭합니다  2. EXTENSIONS 검색 화면에 아래 플러그인들을 검색하여 설치해줍니다.ftp-simple  ( 설치 방법   -   2024.07.20 - [Dev/Php] - VsCode - 그누보드 FTP 연결   -참조sasslive sass c.. 공감수 0 댓글수 0 2024. 7. 23.
  • VsCode - 그누보드 FTP 연결 vscode로 그누보드 ftp 연결하기 저는 보통 Visual studio code ( vscode )근데 종종 사이트 의뢰오면 ftp 접속할일이 있어 vscode에다 ftp를 설치하고 작업해야겠더라구요그래서 Vscode FTP 셋팅1. vscode를 준비해 줍니다.2. 좌측 사이드 메뉴란에 Extensions (동그라미 친것) 를 클릭하여  3. 검색 목록에 ftp를 검색하여 ftp-simple를  설치 해줍니다.설치후 vscode 재실행 한번 해주세요. 가끔 안돼는분도 있다고 해서..  4. vscode 첫화면에서 키보드 F1 를 눌러주세요f1 을 누르면 목록이 나오는데 ftp 를 입력해 줍니다ftp를 입력하면 ftp-simple 에 관련된 명령어들이 나오는데여기서 ftp-simple : Config.. 공감수 0 댓글수 0 2024. 7. 22.
  • CSS ... 처리 하기, css 말 줄임, text overlfow ellipsis 한줄 css ...한줄 css ...처리처리 한줄 css ...처리 :css.t-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}.w50 { width:50px }.w120 { width: 120px }.w-full { width:100% } :html글자4자글자10자12345글자 20자12341234567890 글자 40자1234567891234567891234567890  : css ... 처리 result글자4자글자10자12345글자 20자12341234567890 글자 40자1234567891234567891234567890 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 .. 공감수 0 댓글수 0 2024. 7. 2.
  • input file 버튼 javascript 커스텀 ( 기본 ) 이전글2024.06.03 - [FrontEnd&Publisher/javascript & jquery] - input file 버튼 css 커스텀 input file 버튼 css 커스텀input file은 각 브라우저마다 디자인이 조금씩 다르다.그런 이유로 각 브라우저나 디바이스마다 모양이 틀어지거나 할 수 있는데이를 방지하기 위해 해당 기능들을 직접 만들어 동일한 ui,ux를 제dreams-whale.tistory.com 이전글에 발행한 css만 커스텀 하는건 기본 input file을 이쁘게는 하나사실상 편의성을 좀 더 개선하거나 이런 기능은 없다. 좀 더 좋은기능들을 사용하기 위해선 결국 script로 직접 일일히 하나하나 만드는 방법뿐...그래서 완전히 새로 만들어 보자.    Result.hidd.. 공감수 0 댓글수 1 2024. 6. 4.
  • input file 버튼 css 커스텀 input file은 각 브라우저마다 디자인이 조금씩 다르다.그런 이유로 각 브라우저나 디바이스마다 모양이 틀어지거나 할 수 있는데이를 방지하기 위해 해당 기능들을 직접 만들어 동일한 ui,ux를 제공하기 만들 수 있고좀 더 이쁘거나 좋은 기능을 부여해서 만들 수도 있다. 뭐.. 여튼 옛날에 여러 버전으로 만들었었는데...어디다 만들었는지 기억이 안나서 새로 만들기로 했다.  input file에 '파일선택' 텍스트에 해당되는 버튼 처럼 보이는것을 수정하려면 아래 처럼 쓰면 된다 ::file-selector-button::file-selector-button:hoverinput { border:1px solid #72b3ff; padding:5px; border-radius:8px; backgro.. 공감수 0 댓글수 0 2024. 6. 3.
  • 카카오톡 링크, 네이버 링크 이미지(썸네일) 사이즈 등록하기 티스토리나 네이버 블로그 그외 기타 블로그 사이트들에서 포스트 글을 작성하다 보면참고 사이트나 연결할 사이트 링크를 걸게 된다.이런 블로그에 글을 링크를 걸게 되면 하이퍼링크이미지 또는 썸네일이미지가 보이는데 그냥 링크가 보이는것 보다 클릭하기도 편하고 디자인  UI/UX상으로도 접근하기가 쉽다.그럼 한번 실전 내용을 보자(하이버링크이미지 또는 썸네일이미지 라고 부르기가 길어 그냥 썸네일이미지라고 통일해서 쓰겠다.) 예를 들어 네이버 블로그와 티스토리 글에 티스토리 주소를 걸어보자  Tistory좀 아는 블로거들의 유용한 이야기www.tistory.com  첫번째는 네이버 블로그나,카카오톡에서 링크를 입력했을때 보여지는 썸네일이미지이다.그냥 링크 글자는 딱딱해 보이며 클릭하는 영역이 좁아 클릭하기 힘드나.. 공감수 3 댓글수 0 2024. 5. 8.
  • cookie 등록,삭제 ( 하루 동안 보이지 않기 / 1주일 동안 보이지 않기 ) 2024.04.15 - [FrontEnd&Publisher/javascript & jquery] - cookie 간단 등록,삭제, cookie 간단 등록,삭제,현재 근무중인곳에서 기한 종료시 쿠키 삭제 기능이 구현이 안돼어있어서 만들어보기로하게 되었습니다. 먼저 쿠키를 삭제하려면 쿠키 정보가 브라우저상에 있어야 되니 등록을 해야겠죠? 등dreams-whale.tistory.com2024.04.16 - [FrontEnd&Publisher/javascript & jquery] - cookie 등록,삭제( 오늘 하루 동안 보이지 않기) cookie 등록,삭제( 오늘 하루 동안 보이지 않기)더보기 2024.04.15 - [FrontEnd&Publisher/javascript & jquery] - cookie 간.. 공감수 0 댓글수 0 2024. 4. 16.
  • cookie 등록,삭제( 오늘 하루 동안 보이지 않기) 2024.04.16 - [FrontEnd&Publisher/javascript & jquery] - cookie 등록,삭제( 오늘 하루 동안 보이지 않기) cookie 등록,삭제( 오늘 하루 동안 보이지 않기)더보기 2024.04.15 - [FrontEnd&Publisher/javascript & jquery] - cookie 간단 등록,삭제, 위 글은 거의 뭐 쿠키라는게 뭔지 확인하는 용도의 글 같고 이어서 실제 실무에 적용시킬 실제 코드를 작성해 보겠습니다dreams-whale.tistory.com2024.04.16 - [FrontEnd&Publisher/javascript & jquery] - cookie 등록,삭제 ( 하루 동안 보이지 않기 / 1주일 동안 보이지 않기 ) cookie 등록,삭제 .. 공감수 0 댓글수 0 2024. 4. 16.
  • cookie 간단 등록,삭제, 현재 근무중인곳에서 기한 종료시 쿠키 삭제 기능이 구현이 안돼어있어서 만들어보기로하게 되었습니다.2024.04.16 - [FrontEnd&Publisher/javascript & jquery] - cookie 등록,삭제( 오늘 하루 동안 보이지 않기) cookie 등록,삭제( 오늘 하루 동안 보이지 않기)더보기 2024.04.15 - [FrontEnd&Publisher/javascript & jquery] - cookie 간단 등록,삭제, 위 글은 거의 뭐 쿠키라는게 뭔지 확인하는 용도의 글 같고 이어서 실제 실무에 적용시킬 실제 코드를 작성해 보겠습니다dreams-whale.tistory.com2024.04.16 - [FrontEnd&Publisher/javascript & jquery] - cooki.. 공감수 0 댓글수 0 2024. 4. 15.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.