Coding Cody

문제 - gmail에서 이미지가 보이면, naver, daum에서 안보이고, naver, daum에서 보이면 gmail에서 안보이는 현상이 발생 메일발송 환경 - PC에 localshot에 연결된 메일링으로 회원가입시 회원에게 가는 메일링 테스트 [체크1] 메일링 자체 소스에는 이상이 없음. [체크 2] 이미지 자체에는 이상이 없음. [체크 3] 이미지 url을 다이렉트로 연결하면 이미지는 정상적으로 보임. 하지만, 메일링 화면에 이미지가 노출 되지 않음. 회사 대용량메일 보낼때 static.ecplaza.com/newsletter/ 메일 - https://static1.ecplaza.com/newsletter/img/ecplaza-newsletter-top1.jpg 는 정상적으로 보임. 하지만, loc..

웹 브라우저의 속도와 성능을 테스트하기 위한 다양한 도구들이 있습니다. 이러한 도구들은 웹사이트 로딩 속도, 자바스크립트 실행 시간, 렌더링 성능 등을 측정할 수 있으며, 웹 개발자와 사이트 운영자에게 유용한 정보를 제공합니다. 주요 테스트 도구: 1. Google PageSpeed Insights: Google에서 제공하는 도구로, 웹사이트의 속도와 사용성을 테스트합니다. 모바일과 데스크탑 버전 모두를 지원합니다. 2. WebPageTest: 다양한 브라우저와 위치에서 웹사이트 성능을 테스트할 수 있습니다. 상세한 메트릭과 워터폴 차트를 제공합니다. 3. Lighthouse: Chrome DevTools에 내장된 오픈소스 도구입니다. 웹 앱의 성능, 접근성, SEO 등을 테스트하고 결과를 리포트로 제공..

HTML right slidebar - checkbox menu01 menu02 menu03 menu04 menu05 CSS body{background-image: url(https://images.pexels.com/photos/17520813/pexels-photo-17520813.jpeg); height: 100vh; width: 100%; background-size: cover; background-position: center center; -webkit-background-size: cover; position: relative; color:#fff;} h1{margin-top: 60px; text-align:center;} .sidebar{ width: 300px; background-c..

HTML jQuery 라이브러리 삽입 방법 라이브러리 사용 방법 jQuery CDN 외부 삽입 jQuery CDN 내부 삽입- 다운로드 후 ( 추천 - 네트워크가 안 될수 있기 때문)

2023년 웹디자인의 방향은 빠르게 변화하고 있으며, 다음과 같은 트렌드와 방향성이 주목될 것으로 예상됩니다: 모바일 퍼스트(Mobile-First) 디자인: 모바일 기기에서 웹 사용이 계속 증가하고 있으므로, 디자이너들은 모바일 사용자 경험을 우선적으로 고려해야 합니다. 모바일 친화적인 디자인은 반응형이 아니라 모바일 플랫폼에 최적화된 경향을 보이고 있습니다. 미니멀리즘과 타이포그래피: 간결하고 깔끔한 디자인과 함께 텍스트 디자인에 대한 중요성이 더욱 부각될 것입니다. 타이포그래피를 통해 컨텐츠를 강조하고 시각적으로 더 많은 정보를 전달할 수 있습니다. 다크 모드와 라이트 모드: 사용자들은 주로 화면 모드를 선택할 수 있는 옵션을 원하며, 디자이너들은 어두운 배경과 밝은 배경을 고려하여 웹사이트를 디자..

https://www.w3.org/WAI/ARIA/apg/

jQuery CDN web Fonts CDN NotoSans KR /* Google Web Fonts CDN*/ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap'); font-family: 'Noto Sans KR', sans-serif; Raleway /*Google Web Font*/ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;3..

핀터레스트 - http://www.pinterest.co.kr Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr 비핸즈 - http://www.behance.net Search Projects | Photos, videos, logos, illustrations and branding on Behance Photoshop 7일 무료 체험판 시작하기 데스크탑 또는 iPad에서 세련된 이미지, 그래픽, 페인팅 및 3D 아트워크를 제작하세요. www.behance.net 드리블 - http://dribbble.com Dribbble - Discover the World’s Top Designers & Cre..

ver 5.15.4 버전 fontawesome 아이콘 가상 클래스 사용 Login TPS Reports Twitter

https://code.visualstudio.com/ --- 다운로드 ^^ 익스텐션은.. 이정도는 깔아야 한다. -- 코딩을 위해서