📘공부 기록장

프론트엔드웹디자인 5주차 2차시 강의내용 코드 box-sizing:border-box; /*테두리를 포함하여 크기 지정, *는 모든 엘리먼트에 대한다는 것*/ box-shadow: 2px 2px gray; /*그림자를 넣는 것 오른쪽 그림자 크기, 아랫쪽 그림자 크기, 색상*/ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.5); /*세 번째 숫자는 번지는 효과의 크기를 의미함.*/ /*콤마를 사용하여 색깔을 덧입힐수있음*/ opacity: 0; /*투명도를 주는 것임. 0을 주면 사라짐. 있긴 한데 안 보이는 것뿐*/ 참고 https://coding-factory.tistory.com/187 [Html] Margin, Padd..

웹프로그래밍 5주차 2차시 강의내용 다차원 배열 1차원 배열의 원소 : value 2차원 배열의 요소 : 1차원 배열 3차원 배열의 요소 : 2차원 배열 COFFEE PRICE 아메리카노 5100 라떼 5500 모카 5100 표를 배열로 나타낼 때, - 2차원 인덱스 배열로 표현 : - 1차원 연관 배열로 표현 : COFFEE SIZE PRICE 아메리카노 R 4200 T 4800 라떼 R 4900 T 5500 위의 표는 연관 배열로 표현하는 것이 적합함. 2차원 색인 배열 값을 읽어내는 법 (분해) 값을 읽어내는 법 (분해x) 연관 배열 읽어내는 법 기타 입력양식에서 $_GET으로 데이터를 전달하고자 하면, 주소줄에 쿼리 스트림으로 정보가 노출된다. 전달해야 할 데이터가 개인정보일 경우에는 $_POST..

프론트엔드웹디자인 5주차 1차시 강의내용 필기로 대체...

error_reporting(0); 을 맨 위에

웹프로그래밍 5주차 1차시 강의내용 배열의 특징 1. 값들이 모여있다. 2. 값의 위치에 따른 순서가 있다. (인덱스) 3. 순서 개념이 있기 때문에 값이 중복될 수 있다. PHP 배열의 종류 1. 인덱스 배열 (인덱스로 배열의 위치를 만듦) - 선언문을 통해 배열을 생성한다. - 배열에서의 값의 위치를 인덱스 (색인)라고 부른다. 2. 연관 배열 (키와 값을 하나의 쌍으로 원소로 표현하는 방식) - 학번 : 14 이름 : 둘리 학년 : 5 일 경우. 콜론을 기준으로 왼쪽은 key, 오른쪽은 value라고 한다. - 같은 배열 내에서 key는 중복되면 안된다. PHP 배열 생성법 1. 인덱스 배열 (2가지) 1-1. $a = [12, 5.2, "php"]; 1-2. $a = array(12, 5.2, "..

프론트엔드웹디자인 4주차 2차시 강의내용 소스코드와 결과물 Home Location Our Story Home Best Carfull Service Go Carfull! 1.00 « - + » x

웹프로그래밍 4주차 2차시 강의내용 지난 시간 보충 (match 사용법) 콤마를 이용하여 케이스를 구별하며, 계산식이 끝날 때 세미콜론을 사용해준다. PHP에서 반복문(Loop Statement)의 종류는 네 가지이다. 1. while 2. do~while 3. for 4. foreach ※ while문과 for문은 서로 완전히 대체가 가능하다. 1. while 사용법 while (조건문) { 명령문; } - 보통 반복 조건이 횟수가 아니라 특수한 조건이거나 몇 번 반복할지 모를 때 주로 사용한다. 2. do~while 사용법 do { 명령문; } while (조건문); - 최소한 한 번 이상 명령문을 반복한다. 3. for 사용법 for ( 변수 초기화; 조건식; 변경부 ) { 명령문; } - 반복횟수..

프론트엔드웹디자인 4주차 1차시 강의내용 html파일에 css를 넣는 곳은 두 가지로 나눌 수 있다. 1. 외부 (External) 2. 내부 (Internal) 외부 방식은 css 파일을 별도로 만들어서 적용하는 형식이다. Internal은 다시 두 개로 나뉜다. 1. style이라는 태그속에 css 구문을 넣는 것 2. 각 태그의 시작에 style을 속성으로 넣는 것(inline) 세 가지 방식 모두 섞어서 사용하지만, 기본적인 방법은 External이다. 외부 (External) - External을 연결할 때는 link라는 속성을 이용한다. 을 헤드 안에 넣어주면 됨. - 같은 테마를 사용하는 여러 페이지를 관리하기 용이하다. style 적용 순서는 위에서부터 내려오면서 스타일을 받기 때문에, 위..

웹프로그래밍 4주차 1차시 강의내용 PHP에는 조건문이 세 가지 있다. 1. if문 (Statement) 2. switch문 (Statement) 3. match (Expression, 수식, 계산식) 여기에서 Statement는 명령문들의 집합이고, Expression은 계산의 결과가 하나만 만들어지는 계산식이다. 1. if문 (Statement) if (조건식) { 명령문; } 2. switch문 (Statement) switch(변수 or 수식) { case 값1 : 명령어; break; case 값2 : 명령어; break; case 값3 : 명령어; break; default : 명령어; } - 값을 비교해서 매칭되는 것을 찾는다. - 비교연산자는 '=='이다. - break 키워드가 없으면 다..

프론트엔드웹디자인 3주차 2차시 강의내용 Frame 태그 기능 : 웹 페이지에 영역을 만들고, 그 영역에 여러 미디어 자료들(mp3, mp4, jpg 등)을 넣을 수 있다. 사용 방법 : Audio 태그 사용 방법 : Video 태그 사용 방법 : 유튜브 동영상 삽입 방법 : 1. 원하는 동영상의 링크를 복사한다. 2. 아래와 같이 iframe 태그 안에 주소를 넣어준다. 2번까지 한 후 확인해보면 위와같이 나온다. 3. 위 코드에서 watch?v= 부분을 embed/로 바꾸어주면 된다. 지도 삽입 1. 구글 지도 구글 지도에서 원하는 장소를 검색한 후, 공유 - 지도 퍼가기 - HTML 복사를 한 후 그대로 붙여넣기만 하면 된다. 2. 카카오맵 역시 원하는 곳을 검색한 후, 오른쪽 상단에 위치한 '내보..