quantumcode

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($..

await는 JavaScript에서 비동기 작업을 동기적으로 처리할 수 있게 해주는 키워드입니다. fetch 함수와 함께 사용하면 네트워크 요청을 보내고 응답을 받을 때까지 코드 실행을 잠시 멈추게 할 수 있습니다. await의 의미와 사용 방법의미:await는 async 함수 내에서만 사용할 수 있습니다.await는 Promise가 해결될 때까지 함수 실행을 일시 중지하고, 해결된 값을 반환합니다.await는 비동기 작업을 동기 코드처럼 작성할 수 있게 해줍니다.사용 방법:async 함수 내에서 await를 사용하여 비동기 작업을 처리합니다.fetch 함수는 네트워크 요청을 보내고, Promise 객체를 반환합니다. 이 Promise가 해결될 때까지 await는 기다립니다.async function g..