행복한 가족, 패밀리그램

개발/HTML,CSS 3

<a href>에 history.back() 넣기

에 history.back() 넣기: 웹 개발 꿀팁웹 개발을 하다 보면 사용자를 이전 페이지로 돌려보내야 할 때가 있습니다. 이럴 때 태그와 history.back()을 활용하면 간단하게 구현할 수 있습니다. 오늘은 이 방법을 몇 가지 예시와 함께 알아보겠습니다.1. JavaScript href 활용가장 직관적인 방법은 태그의 href 속성에 자바스크립트 코드를 직접 넣는 것입니다.이전 페이지로 이동2. onclick 속성 활용 태그의 onclick 속성에 자바스크립트 함수를 호출하여 이전 페이지로 이동하는 기능을 구현할 수도 있습니다.이전 페이지로 이동return false;는 링크의 기본 동작(페이지 이동)을 막아주는 역할을 합니다.3. JavaScript 함수 분리자바스크립트 코드를 별도의 함수..

개발/HTML,CSS 2024.09.21

Gmail 서명 등록, Style 서명 등록하기

Gmail 에 서명을 등록하려고했다. 서명을 등록하는 방법은 아래와 같다 설정 버튼 - 모든 설정 보기 - 서명 메뉴 해당 버튼을 누르면 모든 설정 보기 버튼이 보인다 설정 메뉴 진입 후 아래로 스크롤을 내리다보면 서명 이라는 항목이 보인다. 새로 만들기 를 눌러 신규 서명을 등록한다 신규로 등록한 서명에 편집메뉴를 이용하여 본인만의 서명을 만들 수 있다. HTML을 이용한 Style 복사 HTML 으로 작성된 서명을 복사해서 붙여넣는 것 또한 가능하다. 우선 서명으로 사용할 HTML 을 작성해보자, 패밀리그램 주인 각 Element tag 에 style을 직접 적용해 주어야한다. CSS 로 분리하는 경우 복사 붙여넣기에는 문제없지만, 실제 적용 시 적용되지 않을 수 있다. 를 이용해 이미지 도 등록이 ..

개발/HTML,CSS 2021.09.02

css scroll 없애기, Scroll 비노출 with SCSS

가끔 가로 스크롤 ( Horizontal scroll ) 이나 작은 메뉴바를 만들 때 scroll bar 를 없애야 하는 경우가 있다 ( scroll bar가 노출되면 UI가 망가지는 경우 ) See the Pen jOyePWq by Sam kwon (@samuberple) on CodePen. -ms-overflow-style: none; .block::-webkit-scrollbar { width: 0px; height: 0px; color: none; } 위 코드를 css 에 추가하면 스크롤이 노출되지 않게된다 See the Pen jOyePWq by Sam kwon (@samuberple) on CodePen. SCSS 를 사용하면 mixin 으로 관련 스타일을 정의하여 재활용이 가능하다 @mix..

개발/HTML,CSS 2021.04.20