IT (6) 썸네일형 리스트형 GA4에서 모바일 기기 사용자 비율, 해상도 등 확인하기 지난번에 애플, 삼성 모델별 뷰포트 사이즈를 포스팅했는데요 오늘은 GA4에서내 홈페이지에 방문하는 유저들은어떤 기기를 많이 사용하는지알아볼 수 있는 방법을 알려드릴게요 유저들이 어떤 해상도를 가진 기기로 많이 접속하는지를 알면사이트를 디자인하거나 컨텐츠를 만들 때 어떤 해상도에 비중을 두고 디자인을 해야 하는지 결정할 수 있고 화면 최소와 최대 사이즈를 가늠할 수 있어많은 도움이 됩니다. 1. [보고서] - [기술] - [기술 세부정보] 메뉴[기술 세부정보] 메뉴에서는플랫폼, 해상도, 기기 모델, OS버전 등 기기와 관련된 항목을 분류하여 볼 수 있습니다. 이 항목들을 2개를 조합하여 볼 수 도 있는데요우리는 '화면 해상도'와 '기기'를 조합하여'사용자'를 내림차순으로 정렬하여(사용자가 많은 기기를 위에.. Java Script 대신 PHP 쓰는 이유-서버 사이드 스크립트 특징 * 서버 사이드 언어는 서버 쪽에서 실행하여 결과를 클라이언트에게 출력하기 때문에 아래와 같은 특징이 있다. 1. 브라우저 호환성을 위배하지 않는다. PHP 스크립트는 웹 서버가 단독으로 해석하므로 방문자의 브라우저를 고려할 필요가 없다. 2. 서버의 자원을 활용할 수 있다. 웹페이지에 MySQL데이터를 넣는 코드 처럼 서버 자원을 활용하는 예시는 많다. 3. 클라이언트의 부담을 줄여 속도가 빨라진다. 자바스크립트는 브라우저가 웹 페이지를 표시하기 전에 스크립트를 실행하므로 페이지 속도가 상당히 느려질 가능성이 있다. 특히 모바일 기기에서 더욱 그렇다. 서버 사이드 코드를 사용하면 이 부담을 웹 서버로 전가할 수 있다. 명령프롬프트에서 원하는 폴더에서 vsc실행 명령 프롬프트 켜기 win+R (Mac : Command+R) dir과 cd 이용해서 원하는 경로로 이동 dir : 현재 위치에 있는 파일 살펴보기 (Mac: ls) cd 경로: 경로로 이동하기 mkdir oooo : oooo라는 이름의 폴더 만들기 경로 > code . code. 입력 후 엔터 치면 비주얼 스튜디오 코드가 원하는 폴더 안에서 실행 반응형 웹-미디어 쿼리 @media 미디어 쿼리를 활용하면 width에 따라 CSS를 따로 작성할 수 있음 첫번째 두번째 세번째 HTML 삽입 미리보기할 수 없는 소스 [화면이 500px보다 작을 때] /*컬럼 방향으로 정렬*/ display: flex; flex-direction: column; /*폰트사이즈 30px*/ [화면이 500px보다 클 때] /*기본 가로 정렬*/ display: flex; /*폰트사이즈 20px*/ /*요소 주위로 동일 간격*/ justify-content: space-around; [HTML5] table 태그, 셀 병합 4칸병합 1 2 3 4 프론트엔드 언어의 폴더 이동 방법 / 최상위 폴더로 이동 ./ 현재 폴더로 이동 ../ 한 단계 상위 폴더로 이동 예시1) 현재 폴더에 있는 "jQuery v1.12.4.js" 파일을 소스로 함 이전 1 다음
