본문 바로가기

분류 전체보기227

(웹) 밑줄치기 효과/ hover시 밑줄 쳐지는 효과 구현하기(매우 간단) 밑줄 효과 주기 오늘은 마우스를 가져다 댔을때 밑줄이 스르륵 생기는 효과를 구현해 보겠습니다. position에 대한 이해도만 있다면, 혹은 슬라이드 구현을 해본적이 있다면, 이해하기 매우 쉬울거에요 :) 포스팅 요약 1. 결과 2. 코드 3. 동작 원리 4. 깃허브 코드 다운 [Result] [Code] HTML 원하는 곳에 밑줄 효과 넣기 밑줄 효과를 어디에 넣을까? 여기에 넣읍시다. 두 번째 밑줄효과는 어디에 넣을까? 요기에 넣읍시다. 세번째 밑줄효과는? 이쪽에 넣을 겁니다. 제 블로그 코드짜는 문과녀 많이 사랑해주세요. 도움이 됐다면 하트를 꾹 눌러주세요~ CSS #menual{ width: 100%; height:650px; padding-left: 400px; margin-top: 50px; .. 2021. 7. 30.
VScode(비쥬얼 스튜디오 코드) 탭간격 설정: 맥북 & 윈도우 VScode 탭간격 설정법 포스팅 요약 1. 맥북 설정법 2. 윈도우 설정법 Mac Os 1. VScode를 열은뒤 단축키 클릭 단축키: 'command' + ',' (cmd와 콤마)를 누르면 VScode설정에 들어가집니다. 혹은, 아래 사진과 같이 Code > Preferences > Settings (VSCode를 전체화면으로 열었을 경우, 위 도구창은 마우스를 화면위에 가져다 놓으면 보입니다. ) 2. tap간격 설정 원하는 탭 간격 숫자를 넣어줍니다. Window * 맥에서는 Code에 Preference가 있지만, 윈도우에서는 File에 Preference가 있습니다. 1. 화면 상단의 File > Preference > Settings 들어가기 2. Tab 간격 원하는 숫자 넣기 2021. 7. 26.
VS Code에서 html, css, 자바스크립트 정렬 단축키/ 단축키 확장프로그램 사용법 VS Code 정렬 단축키/정렬 확장프로그램 1. VSCode 마켓플레이스 들어가기 왼쪽 카테고리에서 빨간박스로 표시한 모양을 클릭하세요! 2. Beauty검색하고 설치하기 3. VS Code껐다 킨 후, 정렬할 파일 열어서 단축키 눌러 정렬하기. Mac Os는, command+Shift+B 를 누르면 되고, Window는, control+Shift+B를 누르면 됩니다. 참고로 HTML, CSS, JS는 정렬이 되는데 SCSS는 정렬이 안됩니다. Beauty말고도 다른 정렬 확장 프로그램이 많습니다. 더 편하고, 자기한테 맞는 프로그램을 찾아서 위와 같이 다운로드후 사용하시면 됩니다. 저는 Beauty가 편하더라구요 :) 도움이 되셨다면, 아래 하트꾹 눌러주세요!! 2021. 7. 23.
(웹) 회전형 슬라이드/3D 슬라이드 만들기: swiper 사용법 (상세설명) 회전형 슬라이드 만들기 포스팅 요약 1. 최종 완성 작품 2. swiper 사용해서 3D 슬라이드 만드는법 3. 3D슬라이드 만든 전체 코드 4. 3D슬라이드 코드 다운받을 수 있는 깃허브 주소 더보기 API를 사용해서 회전형(?) 슬라이드를 만드는 법을 알려드리려고 합니다. 아마 포스팅을 다 보고 나시면, API를 사용해서 회전형 슬라이드 뿐만이 아니라 여러가지 재미있는 효과를 정말 간단하게 구현할 수 있습니다. 1. swiper사이트 접속 1. 아래 링크를 클릭하여 접속합니다. https://swiperjs.com Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hard.. 2021. 7. 19.
(GitHub)깃허브 fork에대해서/fork하기,취소하기 - 초보자도 이해하기 쉬운 설명 깃허브 fork에 대해서 1. fork에대한 간략 설명 2. fork 하기 3. fork 취소하기 fork란? fork는 개발자들끼리 협업을 할때 쓰입니다. 여기서 오해하지 말아야할 것이, 협업을 할때 쓰인다는게, 자기 팀끼리의 협업을 말하는게 아닙니다. 간단히 설명하자면, 원작자의 코드를 fork 하면, 자신의 원격 저장소에서 코드를 마음대로 뜯어 고칠 수 있습니다. 그리고, 만약 뜯어 고친 코드가 원작 코드보다 좋다고 생각해서, 원작자에게 요청을 보내어 원작자가 수락하면, 원작 코드도 뜯어 고친 코드로 바뀌고 자신이 contributor이 됩니다. 수락을 안할시에는 원작코드는 안바뀝니다. 아직도 이해가 안가면 더보기를 눌러주세요. 이해가면 패쓰~ 자세한 설명 더보기 예를 들어 A라는 사람이, 학생정보.. 2021. 7. 15.
(GitHub)깃허브 프로젝트 올리기/ 레파지토리 생성 및 지우는법(자세한 설명) 깃허브에 프로젝트 올리기 포스팅 요약 1. 깃허브 레파지토리 생성 및 프로젝트 올리기 - 자세한 설명 2. 생성한 레파지토리 - 자세한 설명 레파지토리 생성 및 프로젝트 올리기 1. 깃허브 접속 후 로그인 https://github.com GitHub: Where the world builds software GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 2. 새로운 레파지토리.. 2021. 7. 14.

티스토리툴바