IT/웹개발개발공부 (6) 썸네일형 리스트형 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. 입력 후 엔터 치면 비주얼 스튜디오 코드가 원하는 폴더 안에서 실행 애플,삼성 모델 별 viewport sizes (화면사이즈,해상도) 1. 아이폰모델명Viewport SizeDevice ResolutioniPhone SE 320x568640x1136iPhone SE (2020, 2022)375x667750x1334iPhone X375x8121125x2436iPhone XR414x896828x1792iPhone XS Max414x8961242x2688iPhone 11414x896828x1792iPhone 11 Pro375x8121125x2436iPhone 11 Pro Max414x8961242x688iPhone 12390x8441170x2532iPhone mini360x7801080x2340iPhone 12 Pro390x8441170x2532iPhone 12 Pro Max428x9261284x2778iPhone 13390x8441170.. 반응형 웹-미디어 쿼리 @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 다음
