코딩 관련14 <meta>태그 관리하는 사이트들에 카톡 링크 이미지를 수정하면서 를 설정하다보니 그 위아래로 이런 메타태그가 쫙 깔려있는 데다가 meta property를 넣고 보니 쿨펀섹하지가 않아서 평소 별로 중요치 생각하지 않았던 메타태그를 찾아본다. https://www.w3schools.com/tags/tag_meta.asp 특성 Attribute Value Description charset character_set Specifies the character encoding for the HTML document content text Specifies the value associated with the http-equiv or name attribute http-equiv content-security-policy co.. 2021. 2. 3. 카톡에서 링크 보낼 때 미리보기 이미지 meta property 링크를 쓰면 미리보기 이미지가 뜨는데 저것 제어. 이것만 head에 추가해줘도 수정되긴 하는데 변경이 안 된다면 https://developers.kakao.com/tool/clear/og 카카오계정 로그인 여기를 눌러 링크를 확인하세요. accounts.kakao.com 카카오 디벨로퍼스의 og캐시 삭제하면 제대로 수정된 걸 확인할 수 있다. 근데 저 사이즈가 궁금해... 어떤 곳에서 200x100이랬는데 안 바뀐다. 800*800이 최적화된 사이즈라고 한다. (참고: https://devtalk.kakao.com/t/url/30286/4) 찾아보는 중... 확인 중... 800*800의 png로 제작할 것. og:image:width와 height로는 제어가 잘 안 되는 듯. og캐시까지 삭제했는데도.. 2021. 2. 1. css 효과들(button/nav/image/text/animation) http://css3studio.com/page-effect-ex/effect-ex-button.php CSS3Studio You are you with CSS3 You can decorate your own website . This site gives you the convenience to CSS3. You can enjoy it You can easily use more CSS3 . CSS3로 당신은 자신의 웹 사이트를 꾸밀 수 있습니다. 이 사이트는 당신에게 CSS3 css3studio.com 예쁘다. 포폴에 적용해봐야지. 귀찮아하지 말고... 2021. 1. 28. 에디트플러스 tpl 파일 색상 적용하려면... 회사컴 c드라이브를 밀었는데. c드라이브 안의 파일만 생각했는데 에디트플러스니 뭐니 다 날아가서 고생 중이다.. 이 기회에 vs code를 사용하려 했더니 ftp 연결하기가 기존 회사에서 사용하던 에디트플러스보다 한눈에 들어오는 감이 없어서 급한대로 먼저 에디트플러스 설정하려 했는데 php 파일은 전처럼 알록달록 컬러 적용이 됐는데 tpl은 백지인 거시다. 알아볼 수 없숴... 약간의 서칭 결과: 도구>기본설정>파일>설정&구문강조 PHP의 파일확장자에 tpl을 꼽사리 끼워넣었더니 바로 적용된다. 유후. 2021. 1. 11. 미디어쿼리 요약 blog.naver.com/pcgun70/222158760340 CSS @media queries - 미디어 쿼리 요약 오늘은 반응형 웹을 만들기 위해서는 필수로 알아야 하는 @media queries에 대해 요약을 한다.반응형 웹... blog.naver.com 모바일화면 비중이 높다면 min, PC화면 비중이 높다면 max @media only all and (조건){실행} @media - 미디어쿼리 선언 only - 기본값. 생략가능. not으로 부정할 수도 있음. all - 미디어타입 지정(screen, tv, print, speech, all). 기본값. 생략가능. and - 논리적연산. or 또는 콤마기호로 or 연산자 수행 가능. 조건 - 참일 때만 {실행} 처리. 실행 - 조건이 참일 때.. 2021. 1. 5. 체크박스 만들기 회원가입 페이지에 체크박스가 있으나 부분체크취소를 해도 전체체크가 풀리지 않는 등의 문제로 수정이 필요했다. 이분의 설명 그대로 구현하니 그 복잡한 사이트에서도 적용이 잘 되었다. 너무 감사하다. 전체선택 이름1 이름2 이름3 체크박스 전체 선택/제거 기능 구현. 1. "전체선택"을 눌렀을 때, 전체 체크박스가 체크 되고, 다시 눌렀을 때 체크가 해제 되어야 한다. 2. 목록 전체의 체크박스 중, 하나만이라도 체크가 해제 되면 "전체선택" 체크박스도 따라서 해제 되어야 한다. 3. 목록 전체 체크박스가 체크 되면, "전체선택" 체크박스도 따라서 선택 되어야 한다. 출처: https://giyatto.tistory.com/51 [행복은 습관입니다.] 쿼리셀렉터가 뭔지 애드이벤트리스너가 뭔지, 공부 진짜 절.. 2020. 11. 10. form method="get/post", a href="tel:/mailto:" 전화번호:000-000-0000 담당자:webmaster@naver.com form action="경로" 폼 내에 입력한 값을 전달할 서버 경로 입력 method 요청전송방식 지정 method="get" 사용자가 입력한 값들이 노출 method="post" 보고 공부한 사이트 링크: https://blog.naver.com/ehdals93/221732967162 웹 퍼블리셔 공부 중 - form, get post, a href=tel, mailto 웹 퍼블리셔 공부 중인 학생입니다.내용 정리 및 참고 용도로 블로그 정리중이니, 틀리거나 좀더 좋은방법... blog.naver.com https://blog.naver.com/pje00427/222049055865 [HTML] form 태그와 속성(actio.. 2020. 11. 10. <details>자바스크립트 없이 더보기 구현하는 간편html</details> (open을 넣으면 디테일이 펼쳐진 상태로 구현됨) 더보기(summary는 누르는 곳의 문구를 구현해줌(원래는 '세부정보')) 2020. 9. 7. toggle 1＞ 1-1 1-2 1-3 1-4 2＞ 2-1 2-2 2-3 2-4 2020. 8. 20. 이전 1 2 다음
