본문 바로가기
반응형

HTML6

Python - smtplib 기본 라이브러리를 이용한 text/html 메일 보내기 대부분 프로그래밍에서는 메일 전달과 관련된 기본 라이브러리 및 예제 코드를 제공하고 있다. 오늘은 Python 부분에 대해서 메일 전송 방안에 대해 정리해 보고자 한다. 여기에서는 기본 라이브러리를 활용한 방안에 대해서 정리해 보도록 하겠다. MailSender 함수 만들기 메일에 내용이나 본문이 변경될 수 있기 때문에 아래와 같이 함수를 선언하여 사용하는 것을 추천한다. 아래 코드에서 유심있게 봐야하는 부분은 보내야 하는 대상 즉 To가 여러명일 경우, sendmail 에서의 To 데이터와 Message["To"]에 들어가는 데이터 형식이 다르다는 것이다. smtplib 의 sendmail 에서는 []를 이용한 리스트 형태로 들어가야 한다. 하지만 message["To"] 에서는 string으로 들어가.. 2024. 3. 3.
.NET - HtmlAgilityPack SelectNodes에서 다중 클래스 찾기 contains 요즘 HTML 을 가지고 자동화를 하고자 한다면, HtmlAgilityPack이 .Net에서는 많이 사용된다. 클래스를 찾는 방법으로, 단순한 구조의 html이라면 괜찮지만 조금 복잡하게 여러개의 class가 선언 된 경우 효과적으로 사용할 수 있는 contains에 대해 짧게 정리해 본다. 먼저 HtmlAgilityPack 에서 노드를 찾는 기능은, SelectNodes로 가능하다. SelectNodes 그리고 기본적으로 검색 방법은 Xpath 방식을 이용하는데, 앞서 구분자 a, div 등 꺽쇠를 제외한 구분자와 내부 검색하고자 하는 Key와 Value를 지정해주면 된다. 기본적으로 아래와 같은 조건으로 사용할 수 있다. # body가 들어간 노드 찾기 var body = html.DocumentNo.. 2022. 11. 11.
CSS - Select 비활성화, 기본값 설정 Select는 CSS에서 특정 요소를 지정하거나 선택하는데 사용하기 유용한 컴포넌트이다. 이를 보다 효과적으로 사용할 수 있는 옵션 2가지에 대해서 정리해 보도록 하겠다. 1. 비활성화 특정 옵션의 경우 화면 표시에 표시만하거나, 조건에 따라서 비활성화하는 방ㄱ으로 사용할 수 있다. 사용은 옵션에 disabled를 선언해 주는 것으로 간단히 사용할 수 있다. Category {#each types as t (t)} {t} {/each} 위 코드를 적용해 보면, 아래와 같이 기본적으로 Category를 보여줄 수 있다. 그리고 해당값은 실제 선택할 수 없도록 하여, 사용자의 잘못된 사용을 막을 수 있다. 2. 기본값 지정 다음은 자주 사용되는 값인 경우 기본적으로 선택하여 사용할 수 있도록 도움을 주는 옵.. 2022. 5. 8.
.NET - HTML 특정 문자열 추출, DocumentNode.SelectNodes 검색하기 HTML에서 원하는 값을 가져오고 싶을때, 보통 class로 지정된 CSS기준으로 가져올 수 있다. 만약 아래와 같이 Github의 특정 문자열을 가져오고 싶다면, 브라우저의 개발자 도구(F12키) 열어서, Elements 에서 해당하는 스타일을 검색한다. 그리고 아래 그림처럼 왼쪽 말풍선에 나온 내용 참고하여, CSS 구문을 포함해서 SelectNodes 값을 지정해주면 된다. 위 div아래와 같이 코드를 작성해서 가져올 수 있다. using HtmlAgilityPack; using System; using System.Net.Http; using System.Threading.Tasks; namespace console_html { class Program { static async Task Main.. 2022. 4. 5.
CSS 마침표 "."의 의미 CSS에서 Style을 지정할 때 "."은 선택자로 특정 스타일을 지정하는 용도로 활용된다. . 기호는 class 값을 고유 선택자로 지정할 때 사용된다. 이러한 선택자는 HTML 태그에 고유 식별자를 지정해서 개별적인 디자인 효과를 줄 때 사용하므로 특정 스타일을 구분할 때 효과적이다. . 점 고유 선택자 나, 너, 우리라는 h1 태그를 달고 있는 글자를 출력하고자 한다. 이때 "나"라는 h1 태그에만 빨간색 효과를 주고자 한다면, class를 red를 지정하고, .h1라는 스타일 이름을 생성해 테스트를 해보도록 하자. 나 너 우리 아래와 같이 고유 식별자로 지정한 .h1를 통해 빨간색이 적용 된다. . 이 없는 건 바로 html 에 기본적 태그에 사용할 수 있다. 만약 위에 사용하고자 한다면, h1 .. 2022. 4. 2.
HTML - class modal popup mouse cursor 변경 오늘은 조금은 단순한 생각에서 개발 메모를 해본다. 최근 구현한 기능중에 Modal을 이용한 popup 기능을 개발하였는데, 마우스를 올리면, 마우스 커서가 변경이 되지 않아 사용자들에게 링크인지 혼돈? 줄 수 있을 것 같아, 이 기능이 어떻게 구현할 수 있는 찾아보았다. 그런데 답은 의외로 단순하게 CSS에 cursor를 선언 해주면 된다. 아래와 같이 CSS 파일에 cursor를 선언해주자. .model-popup-btn { cursor: pointer; } 그리고 사용하고자 하는 아이콘에 class를 추가로 지정해주면 끝이다. 웹 사이트를 들어가서 확인하면, 정상적으로 마우스를 아이콘에 올려놓을 때 링크에 사용되는 손 아이콘이 나타나는 것을 알 수 있다. 2021. 1. 18.
반응형