본문 바로가기

전체 글416

[ 웹 기능 구현 ] 백엔드 없이 HTML 문의 양식에서 이메일 보내는 방법 2 앞전에는 Formsubmit으로 백엔드 없이 이메일 보내는 방법을 알려드렸습니다. 백엔드 없이 HTML 문의 양식에서 이메일 보내는 방법 1 [ 웹 기능 구현 ] 백엔드 없이 HTML 문의 양식에서 이메일 보내는 방법 1 포트폴리오를 만들다 보면 연락처 부분이 필요하게 됩니다. 이때 백엔드 없이 HTML안에서 만든 form으로 당신에게 이메일을 보낼 수 있는 두 가지 방법이 있습니다. 1. FormSubmit을 사용하기 2. Get form codesign.tistory.com Formsubmit은 이미 지정된 이메일을 다른 웹사이트에서 이메일과 연결시키려 아니까 안돼서 오늘은 다른 방법을 써봤습니다. Getform Getform 역시 무료로 사용 가능합니다. 다만, 한 달에 50개의 제출만 받습니다. .. 2022. 3. 3.
[ 웹 기능 구현 ] Getform에서 연락받을 때 이메일 알림 설정 방법 백엔드 없이 HTML 문의 양식에서 이메일 보내는 방법 2에서 getform을 사용하여 백엔드 없이 HTML 문서 양식에서 무료로 이메일 보내는 기능을 만들어 보았습니다. 오늘은 연락이 보내졌을 때 내 이메일로 알림이 오게끔 설정을 해 보겠습니다. STEP 1 홈 페이지에서 "Account"를 눌러주세요. Getform STEP 2 이메일 알림을 받고 싶은 프로젝트를 선택해주세요. STEP 3 "Automation"을 눌러주세요. STEP 4 "Send an email notification"을 눌러주세요. STEP 5 알림을 받을 이메일을 적어 주세요. EXTRA 메일이 보내지고 나서 "Thank you" form도 추가할 수 있습니다. 2022. 3. 2.
[자바스크립트] 기본 강화_변수 [1] 자바스크립트 기본을 다지기 위해 정리를 시작했습니다. 연습 코드들은 Codepen을 사용하여 연습했습니다. Codepen은 무료로 HTML, CSS, JS 등을 온라인에서 작성하고 결과물을 확인할 수 있는 기능을 제공해주는 사이트입니다. 코드가 공유 가능하며 다른 사람들이 개발한 프로젝트들도 볼 수 있습니다. Codepen Create a New Pen ... codepen.io 오늘은 변수에 대해 알아 보았습니다. 변수란? 어떤 정보에 이름을 붙여서 저장하고 싶을 때 사용됩니다. 변수를 선언하는 방법 name=”Mike”; 자바스크립트에서 문자는 항상 따옴표(””, ‘’)로 감싸줘야 합니다. 그리고 변수를 선언하는 데는 몇 가지 규칙이 있습니다. 예제) name=”Mike”; alert(name); c.. 2022. 3. 1.
[ 웹 기능 구현 ] 백엔드 없이 HTML 문의 양식에서 이메일 보내는 방법 1 포트폴리오를 만들다 보면 연락처 부분이 필요하게 됩니다. 이때 백엔드 없이 HTML안에서 만든 form으로 당신에게 이메일을 보낼 수 있는 두 가지 방법이 있습니다. 1. FormSubmit을 사용하기 2. Get form을 사용하기 https://formsubmit.co/ FormSubmit | Easy to use form backend - form endpoints for your HTML forms FormSubmit is a form backend, API and email service for HTML forms. It sends your site's form submission directly into your inbox without a need for any backend code or .. 2022. 2. 28.
[ 웹 기능 구현 ] Boxicons 사용해서 무료 아이콘 사용 방법 웹 개발을 하다 보면 메뉴 바가 접혔을 때 사용할 아이콘 또는 무언가를 넘길 때 사용할 화살표 아이콘 등 아이콘을 사용할 일들이 생깁니다. 많은 사이트들이 무료로 아이콘을 제공해줍니다. 오늘은 그중 Boxicons를 사용해 봅시다. Boxicons Boxicons : Premium web friendly icons for free Boxicons is a free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines boxicons.com STEP 1 위에 제공된 링크로 들어가서 "Usage"를 눌러주세요. STEP 2 왼쪽에 "Import the C.. 2022. 2. 27.
[ 웹 기능 구현 ] Swiper Demos 사용법 - 슬라이드 만들기 Swiper Demos란? Swiper Demos를 사용해서 마우스로 쉽게 슬라이드 가능한 스와이프를 만들 수 있다. 데모 보기 STEP 1 홈페이지로 들어가서 "Get Started"를 선택합니다. Swiper Demos Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com STEP 2 Swiper Demos를 사용할 수 있는 방법에 두 가지가 있습니다. 1. CDN을 링크로 slider 삽입하여 사용하기 2. Swiper Demos에서 .js .. 2022. 2. 26.
[웹 기능 구현 ] 웹 사이트 배포하는 방법 Netlify 내가 만든 프로젝트, 포트폴리오 등을 깃에서 쉽게 그리고 무료로 웹 사이트로 배포할 수 있는 방법! Netlify의 장점 1. Github와 연동을 함으로써 이미 깃에 올려진 코드로 웹 사이트를 만들 수 있다. 2. 코드에 수정을 하더라도 깃에만 올려주면 Netlify는 자동으로 웹사이트를 업데이트한다. 3. 무료로 웹사이트를 배포할 수 있다. netlify Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much m.. 2022. 2. 25.
[ 백준 9205 / Java ] 맥주 마시면서 걸어가기 https://www.acmicpc.net/problem/9205 9205번: 맥주 마시면서 걸어가기 송도에 사는 상근이와 친구들은 송도에서 열리는 펜타포트 락 페스티벌에 가려고 한다. 올해는 맥주를 마시면서 걸어가기로 했다. 출발은 상근이네 집에서 하고, 맥주 한 박스를 들고 출발한다. www.acmicpc.net 문제 송도에 사는 상근이와 친구들은 송도에서 열리는 펜타포트 락 페스티벌에 가려고 한다. 올해는 맥주를 마시면서 걸어가기로 했다. 출발은 상근이네 집에서 하고, 맥주 한 박스를 들고 출발한다. 맥주 한 박스에는 맥주가 20개 들어있다. 목이 마르면 안되기 때문에 50미터에 한 병씩 마시려고 한다. 즉, 50미터를 가려면 그 직전에 맥주 한 병을 마셔야 한다. 상근이의 집에서 페스티벌이 열리는.. 2022. 2. 23.
[ 백준 18352 / Java ] 특정 거리의 도시 찾기 https://www.acmicpc.net/problem/18352 18352번: 특정 거리의 도시 찾기 첫째 줄에 도시의 개수 N, 도로의 개수 M, 거리 정보 K, 출발 도시의 번호 X가 주어진다. (2 ≤ N ≤ 300,000, 1 ≤ M ≤ 1,000,000, 1 ≤ K ≤ 300,000, 1 ≤ X ≤ N) 둘째 줄부터 M개의 줄에 걸쳐서 두 개 www.acmicpc.net 문제 어떤 나라에는 1번부터 N번까지의 도시와 M개의 단방향 도로가 존재한다. 모든 도로의 거리는 1이다. 이때 특정한 도시 X로부터 출발하여 도달할 수 있는 모든 도시 중에서, 최단 거리가 정확히 K인 모든 도시들의 번호를 출력하는 프로그램을 작성하시오. 또한 출발 도시 X에서 출발 도시 X로 가는 최단 거리는 항상 0이라.. 2022. 2. 22.
728x90