quantumcode

Swiper.js 사용 방법과 CSS 수정 방법 정리 Shadow DOM 있는 Web Component 방식 사용 예: 특징: Shadow DOM 내부에 스타일이 캡슐화되어 있음CSS 수정 방법: ::part() 선택자 사용swiper-container::part(bullet) { background-color: gray; }swiper-container::part(bullet-active) { background-color: red; }예시:JavaScript로 직접 수정 가능하지만 유지보수 어렵고 권장하지 않음 Shadow DOM 없는 일반 Swiper 방식 사용 예: 특징: Shadow DOM 없음, 기존 HTML 구조 그대로 사용설치: HTML 구조: JS..

1. margin과 padding제거HTML 요소들은 브라우저 기본 스타일로 여백이 있습니다.→ 가장 먼저 margin과 padding을 제거합니다.p, h1, h2, h3, span, div { margin: 0; padding: 0;} 2. line-height를 1또는1em으로 설정텍스트 요소는 기본적으로 line-height(줄간격) 때문에 위아래에 여백처럼 보이는 공간이 생깁니다.→ line-height를 명시적으로 줄여야 합니다.* { line-height: 1;} 또는 더 구체적으로p, span { line-height: 1;} 3. vertical-align설정 (특히 inline, inline-block요소)inline 또는 inline-block 요소는 부모 요소 기준으로..

배너작업 관련 폰트배민 한나체 :https://drive.google.com/file/d/1jlNoIIvpLxgUwaSauJyaynwE1NPNaGzM/view?usp=drive_link BMHANNAAir_ttf.ttf drive.google.com 원폰트:https://drive.google.com/file/d/1oNn3HDirERzsyIj_vdIn1C8HPBL1Ry8N/view?usp=drive_link ONE Mobile POP.zip drive.google.com 비스트로체:https://drive.google.com/file/d/1gHGVUG0WlrQuSemj98zKbecgt0yg_Vox/view?usp=drive_link VITRO_Font_TTF.zip drive.google.com no..

아래 링크에서 프로토타입제작 및 사용성테스트  보충자료를 다운로드 받으세요https://drive.google.com/file/d/1szH5WcGU0RFGJY-Oqy_2dHxrIybDvqTU/view?usp=sharing [보충자료]프로토타입제작및사용성테스트 drive.google.com  시안제작 및 html 프로토타입 제작 보충학습 자료https://www.youtube.com/watch?v=Ke1jyowvCyw https://www.youtube.com/watch?v=t-6FiMFqbAw

첨부된 기획문서를 다운로드 하세요.https://drive.google.com/file/d/1RgS8WD_hbManBM6ueoTqjqUYMrj7AdLQ/view?usp=sharing

ui/ux 트랜드 사례분석을 하고 최신 UI/UX의 디자인 트랜드를 알 수 있다.https://drive.google.com/file/d/1PiQCt4t4_WAtJhIy-E0BFPfw6kXomEry/view?usp=drive_link

스토리보드 및 웹기획 문서 작성 참고 영상 https://youtu.be/ra3EpF9WTow?si=ye9x9XrGrN7oST7E https://youtube.com/watch?v=tCAc-JMmJyo&si=09AnofAW5v6Y6x47

https://docs.google.com/forms/d/e/1FAIpQLSdHs7-vhKi6Lbbr_qB-HSHQ5DDgi3EBjFraeUUKgJxKUrf18g/viewform?usp=sf_link

readyState  속성을 사용하여 제어 할 수 있다. readyState속성은 document  객체의 속성이며loading, interactive, complete 3가지 상태를 가지고 있다. loading : document 로딩 중interactive : 문서의 로딩은 끝이 나고 해석 중 이지만 images, stylesheets, frames과 같은 하위 자원들은 로딩되고 있는 상태이다.complete : 로딩 완료    사용 예시:switch (document.readyState) { case "loading": // The document is still loading. break; case "interactive": // The document has finished ..

curl_exec 함수가 반환하는 값을 문자열로 받으려면 CURLOPT_RETURNTRANSFER 옵션을 설정해야 합니다. 이 옵션을 설정하지 않으면 curl_exec는 데이터를 직접 출력하고, 반환 값(boolean)은 true(1)또는 false(2)가 됩니다.다음은 CURLOPT_RETURNTRANSFER 옵션을 설정하여 curl_exec 함수의 반환 값을 문자열로 받아서 index.html로 전달하는 방법입니다:$curl = curl_init();curl_setopt($curl, CURLOPT_URL, 'https://example.com');curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); // 응답을 문자열로 반환$response = curl_exec($..