JIHYUN JEONG

HTML, CSS, Javacript를 활용하여 웹 개발 할 때 나만 알고 싶은 유용한 사이트 TOP 5를 공유합니다. 1. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io HTML, CSS, JS를 바로 볼 수 있다. 또한 다른 유저들이 사용한 포맷을 활용 할 수 있고, 내가 작성한 폼에 URL을 공유해서 다른 사람과 소스코드를 공유할 수 있다는 장점이 있다. 2. https://devd..

[CSS] Google Fonts/구글 폰트 적용 1.Google Font 로 이동 https://fonts.google.com/ 2.원하는 폰트를 검색(여기서는 open san) 3.Open Sans > 아래 + 버튼 클릭 4.Family Selected 클릭 > CUSTOMIZE 클릭하여 필요한 부분을 수정한다. 5.EMBED > @IMPORT 클릭 > 해당 소스를 복사한 다음 style.css에 입력한다. 6.또한 아래 Specify in CSS를 복사하여 globals.css에 아래와 같이 입력해준다. font-family: 'Open Sans', sans-serif; 7.그러면 정상적으로 아래와 같이 적용된 것을 확인 할 수 있다. 적용전 적용후 CSS파일은 아래와 같다. style.css gl..

이번에는 첨부파일을 보내보도록 하겠습니다. 첨부파일을 보내기 위해서 우선 해당 소스 경로에 ‘attachment_test’ 라는 엑셀파일을 우선 생성합니다. 꼭 해당 소스파일과 같은 경로에 생성해야 합니다. 안에 내용은 간단하게 아래와 같이 작성했습니다. (임의대로 해도 상관없습니다.) 그리고 나서 mailOptions 안에 아래의 attachment 파일에 대한 파일명과 첨부할 파일 경로를 지정해줍니다. // attachment configuration attachments: [ { filename: 'attachment_test.xlsx', path: 'attachment_test.xlsx', }, ], }; 그리고 소스코드를 실행시키면 아래와 같이 결과 값이 뜰 경우 정상적으로 첨부파일이 발송되었습..

이번에는 HTML을 발송해보도록 하겠습니다. 기존 [Node.js]Nodemailer 모듈 (1) – 메일보내기(TEXT)를 안보신 분은 먼저 보고 오시기 바랍니다 ^^ mailOptions에 text를 주석 처리하고 html을 아래와 같이 작성합니다. const mailOptions = { from: '지메일아이디@gmail.com', // sender address to: '지메일아이디@gmail.com', // list of receivers subject: 'Hello HTML', // Subject line // text: 'Hello world?', // plain text body // html body html: 'Hello HTML' + '',}; 그리고 다시 메일을 발송해보도록 합니다...