전체 글 (484) 썸네일형 리스트형 애널리틱스 전자상거래 구글애널리틱스 전자상거래는 사용자가 물건을 구입을 시작하고 완료하기까지의 경로를 파악하게 해 주는 기능입니다. HTML 삽입 미리보기할 수 없는 소스 아임웹 구글 전환 / 리마케팅설정 아임웹은 카페 24에서 제공하는 구글 전환설정과 달리 자체전환을 생성하여 전송하는 방식이 아니라 구글 애즈에서 생성한 전환을 연결하는 방식을 채택합니다. 구현하는 방식이 전환 수동태그를 직접 삽입한 형태와 비슷하여 향상된 전환 등을 설정할 때 수동태그와 같은 방식으로 구현가능한 장점이 있습니다. 아임웹에서는 '구매완료', '네이버페이' (구매완료를 설정해야만 사용가능), '회원가입', '폼제출', '전체 페이지 조회' 전환을 제공합니다. 설정을 위해 먼저 구글애즈에서 전환을 설정합니다 (제공되는 전환의 종류에 따라 설정) -> 전환설정하기 설정 메뉴 이동 아임웹 관리자 로그인 -> 좌측메뉴에서 '마케팅 관리' -> '전환추적/리타게팅 관리' 선택 리마게팅 설정하기 아래와 같이 리마케팅 아이디 칸에 'AW.. 프로젝트 - 그림판 그림판 애플리케이션 index.html 5 10 15 20 25 30 35 40 45 50 png jpg jpeg Save main.css @import url('https:fonts.googleapis.com/css?family=Poppins&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; flex-direction: column; height: 100vh; overflow: hidden; } canvas { background-color: aliceblue; } .controls { height: 50px; background-color: rebeccapurple; display: fle.. 단위 CSS에는 글자의 크기나 길이를 표현하기 위한 다양한 단위가 존재합니다. 단위는 크게 상대단위와 절대단위로 구분이 가능한데요. 상대단위는 기준이 되는 대상의 크기에 따라 동적으로 변하는 단위로 아래와 같은 단위들이 존재합니다. 1. em 부모에게 상속받은 현재 폰트를 1em으로 두고 그에 비례하여 크게 또는 작게 하는 단위. 부모에 비례하기 때문에 아래와 같이 여러 대의 부모를 가지는 경우 연속적으로 이전 부모에 의존하여 통제가 힘들어질 수 있습니다. 1 1 2 3 다만, 텍스트 요소가 다른 요소를 포함하는 경우 이러한 크기는 상속되지 않습니다. no no 2. rem 기본 폰트를 1rem으로 두고 그에 비례하여 크게 또는 작게 하는 단위. em에 root가 붙은 형태로 항상 루트를 기준으로 하여 통제가.. 프로젝트 - 계산기 계산기 애플리케이션 index.html 1 2 3 - 4 5 6 + 7 8 9 * . 0 c / = main.css @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; background-color: rgb(149, 193, 231); display: flex; align-items: center; justify-content: center; font-size: 'Lato'; } .calculator { border-radius: 5px; width: 375px; } .screen { heig.. Inline VS Block and Inline-block 요소는 크게 inline요소와 block 요소로 나누어집니다. inline 요소는 크기를 지정할 수 없고 포함된 콘텐츠만큼만 공간을 차지하며 줄 넘김이 없으나 block요소는 부여된 높이만큼의 공간을 화면에서 차지하며 다른 요소가 같은 줄에 오는 것을 허용하지 않습니다. a inline-block 은 block과 inline의 특성을 조합하여 크기를 지정하지만 다른 요소가 같은 줄에 오는 것도 허용합니다. a block 요소들 , , , , , inline 요소들 (if it has visible controls) 마무리 이상으로 block과 inline요소에 대해 알아보았습니다. 참고 Inline elements - HTML: HyperText Markup Language | MDN In this ar.. Absolute absolute는 position 속성이 가지는 값 중에 하나입니다. 일반적으로 모든 요소는 요소의 흐름을 따라 코드가 설치된 순서대로 표시가 되는데요. absolute는 이러한 흐름에서 벗어나서 원하는 위치에 해당 요소를 위치시키도록 해줍니다. 사용방법 먼저, 관련된 속성들을 보겠습니다. top: 해당 요소가 들어있는 요소의 상단으로부터의 거리 bottom: 해당 요소가 들어있는 요소의 바닥으로부터의 거리 left: 해당 요소가 들어있는 요소의 좌측으로부터의 거리 right: 해당 요소가 들어있는 요소의 우측으로부터의 거리 absolute사용 시 부모요소의 position을 설정하지 않으면 root로부터 산정됩니다. This is a paragraph. 부모를 기준으로 위치를 지정하려면 아래와 같이 부.. Fixed fixed는 position 속성이 가지는 값 중에 하나입니다. 일반적으로 모든 요소는 요소의 흐름을 따라 코드가 설치된 순서대로 표시가 되는데요. fixed는 이러한 흐름에서 벗어나서 원하는 위치에 해당 요소를 위치시키도록 해줍니다. 사용방법 먼저, 관련된 속성들을 보겠습니다. top: root 상단으로 부터의 거리 bottom: root의 바닥으로부터의 거리 left: root의 좌측으로부터의 거리 right: root의 우측으로부터의 거리 Fixed fixed와 absolute 차이점은 fixed는 부모요소의 설정과 관계없이 무조건 windoe (screen)로부터 산정됩니다. 이러한 특성으로 콘텐츠의 길이와 상관없이 항상 화면에 같은 자리에 위치하여 내비게이션이나 모달 등에 유용하게 사용됩니다. .. 이전 1 ··· 47 48 49 50 51 52 53 ··· 61 다음
