전체 글
-
php mail() 첨부파일 메일 보내기 3탄_첨부파일 전송PHP 2023. 5. 30. 18:49
php mail() 첨부파일 메일 보내기 3탄_첨부파일 전송 1탄_ input file 선택 시 이미지 미리보기 js 처리하기 https://raim-2.tistory.com/31 2탄_ php mail() 첨부파일 이미지 태그로 전송하기 https://raim-2.tistory.com/32 3탄_ php mail() 첨부파일 전송하기 https://raim-2.tistory.com/33 드디어 3탄 첨부파일 전송하기! 물론, 완벽하진 않다. 전송된 메일을 확인하면 계속 맨 하단에 boundary가 보여짐..! 👉 그 전에는 안보였다가 이젠 파일 전송은 잘되는데, boundary가 문제🤦♀️ 👉 그래도 메일 전송에는 문제가 안되므로 그냥 여기서 끝내야지! 나중에라도 아시는 분은 댓글 좀...(없으면 나..
-
php mail() 첨부파일 메일 보내기 2탄_이미지로 처리PHP 2023. 5. 30. 16:15
php mail() 첨부파일 메일 보내기 2탄_이미지로 처리하기 1탄_ input file 선택 시 이미지 미리보기 js 처리하기 https://raim-2.tistory.com/31 2탄_ php mail() 첨부파일 이미지 태그로 전송하기 https://raim-2.tistory.com/32 3탄_ php mail() 첨부파일 전송하기 https://raim-2.tistory.com/33 1탄에서는 form 형식 내 type이 file인 input에서 이미지 선택시 미리보기가 가능하도록 fileReader api와 file 속성을 이용해 js로 처리했다. 👉 이번에 구현하려 했던 부분 선택한 파일의 미리보기 이미지 보여주기 php mail() 사용해 첨부파일 메일 보내기 + 메일 본문에서 이미지 미리..
-
php mail() 첨부파일 메일 보내기 1탄_미리보기PHP 2023. 5. 30. 00:17
php mail() 사용해 첨부파일 메일 보내기 1탄_ input file 선택 시 이미지 미리보기 js 처리하기 https://raim-2.tistory.com/31 2탄_ php mail() 첨부파일 이미지 태그로 전송하기 https://raim-2.tistory.com/32 3탄_ php mail() 첨부파일 전송하기 https://raim-2.tistory.com/33 첫번째 포트폴리오 제작 시 수업에서 들었던대로 만든 php 파일로 문의하기 사이트를 만들었다. 당시에는 기간 안에 검사를 받아야 된다는 생각에 구현하고 싶었던 첨부파일 부분은 그냥 넘어갔다. 오류 나는 부분 고치면서 이 부분도 같이 구현해보려 했다가 개고생....🤦♀️ *내가 보기 위해 정리한 것임. 틀리거나 코드가 더러울 수 있..
-
a태그와 button 그리고 inputHTML5_CSS3 2023. 5. 23. 11:38
a태그와 button 그리고 input 우리가 일반적으로 생각하는 버튼을 만들 수 있는 방법에는 3가지가 있다. a 태그 사용 button 태그 사용 input 태그 사용 프로젝트 제작 당시, 각각의 일반적인 개념을 갖고 있었지만 '키보드 tab처리를 해야되는 중요한 부분에는 a 태그로 처리해라' 라는 배움만을 생각해 대부분의 버튼 태그를 a 태그로 처리했었다🤔(사전과제 본 후 면접봤을 때도 이 부분에 대해 질문받음) 화면 자체로만 봤을 때는 문제가 되진 않겠지만, 하지만 중요한 것은 생긴 것보다는 ⭐어떤 역할을 하느냐가 중요하다는 것⭐ (시맨틱하게 마크업하기 위해서는 역할에 대해 생각하는 것이 중요하다) *해당 태그는 최소 44*44 권고* 📍a 태그 anchor 태그로 다른 페이지나 같은 페이지의 어..
-
nodeList 반환, childNodes 개수가 다르다?카테고리 없음 2023. 5. 21. 17:44
nodeList 반환하는 방법 html문서에서 DOM 노드에 접근하는 방법은 1. getElementsByTagName() 메소드 2. childNodes와 같은 노드 간의 관계를 이용하는 방법이 있다. 두 방법의 값으로 객체가 반환이 되는데, 이 객체는 HTML 문서와 같은 순서로 문서 내의 모든 노드를 리스트 형태로 저장하고 있다. (리스트의 노드는 인덱스 0부터 시작한다.) 첫 번째 아이템 두 번째 아이템 세 번째 아이템 1번 방법은 예상대로 3개의 li를 담은 리스트가 반환된다. 2번인 childNodes를 사용하여 반환된 노드 리스트를 보면 예상한 값과 다른 값이 반환되는 것을 확인할 수 있다. 👉 요소 노드인 li 다음에 text로 별도의 텍스트 노드가 존재함 왜 입력하지 않은 텍스트 노드가 ..
-
-
웹 사이트 성능 최적화_ (feat. 해보진 않았지만 알아 본다.)공부 2023. 5. 19. 17:44
웹 사이트 성능 최적화 웹 사이트 성능 최적화.... 시니어 자격요건이나 우대사항에 나와 있는 그놈!!!! (❗ 내가 알고 어렴풋이 알고 있는 거(추측)라고는.... ) 1. 웹 사이트 성능 최적화는 로딩 속도와 관련된 게 아닐까? 👉 로딩 시간 몇 초 차이로 사이트 이탈률도 높아지니까 중요할 거 같다. 👉 구글에서는 최적 사용자 경험을 위해서는 3초 이하 페이지 로딩 시간 추천한다고 함 실제로 나도 몇 초 이상 기다리다가 사이트 나가버린 적이 많았지...😥 2. 그럼 코드의 양을 불필요하게 늘리면 안되겠구나! 코드를 최적화하자. 👉 내가 불필요하게 테스트한다고 적어놓고 주석처리 해놨던 코드들 👉 반복되는 코드들 👉 사용하지 않는 코드는 없애고, 반복되는 코드는 제거할 필요가 있겠다! 👉 리팩토링(코드 ..