코딩 공부 코딩 공부

선택자 종류 예시 설명 translate translate() transform: translate(10px, 20px) X좌표, Y좌표 이동을 나타냅니다. translate3d() transform: translate3d(10px, 20px, 30px) X좌표, Y좌표, Z좌표 이동을 나타냅니다. translateX() transform: translateX(10px) X좌표 이동을 나타냅니다. translateY() transform: translateY(10px) Y좌표 이동을 나타냅니다. translateZ() transform: translateZ(10px) Z좌표 이동을 나타냅니다. scale scale() transform: scale(2, 2) 선택한 요소의 X축과 Y축 확대를 설정합니다...

종류 속성 설명 변형 transform transform 속성은 요소의 움직임을 일괄적으로 설정합니다. transform-orgin transform-origin 속성은 요소의 움직임 방향을 설정합니다. transform-style transform-style 속성은 요소의 움직임 스타일을 설정합니다. perspective perspective 속성은 3D 위치 요소에 약간의 원근감을 주기 위해 z=0 평면과 사용자 사이의 거리를 결정합니다. perspective-orgin perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다. backface-visibility backface-visibility 속성은 요소의 뒷면을 정의합니다. 애니메이션 animation animat..

IR 효과 IR 효과는 이미지의 대체텍스트를 제공하기 위한 CSS 기법으로 아래와 같이 다양한 CSS 기법을 사용하여 이미지의 대체 텍스트를 제공할 수 있습니다. 여러 기법 중에서 Phark Method와 WA IR, Screen out 기법을 주로 사용하여 대체텍스트를 제공할수있다. Phark Method 의미있는 이미지의 대체 텍스트를 제공하는 경우 이미지로 대체할 엘리먼트에 배경이미지를 설정하고 글자는 text-indent를 이용하여 화면 바깥으 로 (-9999px만큼 내어 쓰기) 빼내어 보이지 않게 하 는 방법 .ir_pm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;} WA IR 의미있는..

Boolean '비교 수업'에서 비교 연산의 결과로 참(true)이나 거짓(false)을 얻을 수 있다고 배웠다. 여기서 참과 거짓은 '숫자와 문자 수업'에서 배운 숫자와 문자처럼 언어에서 제공하는 데이터 형이다. 이를 Boolean(불린)이라고 부르고 불린으로 올 수 있는 값은 true와 false 두가지 밖에 없다. 불린은 조건문에서 핵심적인 역할을 담당한다. 조건문 조건문이란 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것이다. 조건문의 문법 if 조건문은 if로 시작한다. if 뒤에 괄호가 오고, 괄호 안에 조건이 위치한다. 조건이 될 수 있는 값는 Boolean이다. Boolean의 값이 true라면 조건을 감싸고 있는 괄호 다음의 중괄호 구간이 실행된다. 아래 예제의 실행결과는 ..

에플리케이션의 입력값과 폼 프로그램은 입력 값을 가질 수 있다. 그리고 입력 값에 따라서 동작 방법이 달라지거나 입력된 값을 저장/삭제/출력 할 수 있다. 이번 시간에는 PHP의 문법에 대한 내용에서 잠깐 빠져나와서 PHP 에플리케이션이 데이터를 입력 받는 방법에 대해서 알아본다. 우선 코드를 보자. 1 2 3 위의 코드를 브라우저로 열어보자. 이 때 파일명 뒤에 ?id=k8805이라고 입력한다. 예를들면 아래와 같다. 결과는 k8805다. URL의 k8805를 egoing으로 변경해보자. 화면에는 egoing이 출력될 것이다. 이것을 통해서 유추할 수 있는 것은 코드 상의 $_GET['id']는 URL의 내용 중에서 '?id=' 뒤에 따라오는 데이터로 치환된다는 것을 추정 할 수 있다. 이것이 의미하는..

연산자 연산자란 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호인데 우리는 이미 연산자를 사용했다. 아래 예제 중에서 '='는 우항의 값인 1을 좌항의 변수 a에 대입하는 '대입 연산자'다. PHP의 주요 연산자는 PHP의 메뉴얼을 참고하자. 연산자가 무엇인가에 대한 이해를 돕기 위한 것일 뿐 외울 필요는 없다. 차차로 알게 된다. 1 $a=1; 비교 연산자 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false 중의 하나다. true는 비교 결과가 참이라는 의미이고, false는 거짓이라는 뜻이다. 아래는 주요한 비교 연산자들의 종류와 그에 따른 예제들이다. == 좌항과 우항을 비교..

문자열 처리 함수 함수기능 crypt 단방향으로 문자열을 암호합니다. echo 문자열을 출력합니다. explode 문자열을 특정 문자열을 기준으로 분리합니다. htmlentities 해당하는 모든 문자를 HTML 엔티티로 변환합니다. implode/join 배열의 원소를 문자열로 연결합니다. ltrim 문자열 왼쪽의 공백을 제거합니다. md5 문자열의 MD5 해시값을 반환합니다. nl2br 문자열의 모든 줄 바꿈 앞에 태그를 삽입합니다. print 문자열을 출력합니다. printf 형식화된 문자열을 출력합니다. rtrim/chop 문자열 오른쪽의 공백을 제거합니다. sprintf 형식화된 문자열로 반환합니다. sscanf 문자열을 형식에 따라 처리합니다. str_replace 문자열을 찾아서 치환합니다...

폼의 데이터를 입력하후 버튼을 클릭하게 되면 서버의 데이터가 전송하게 되는데 이 과정에 전송 방식을 지정할 수 있습니다. 전송 방식을 알기에 앞서 간단한 서버와 사용자 간에 처리 과정을 알아야 됩니다 서버와 사용자 간의 요청과 응답이 이루어지게 되는데 이것을 HTTP라는 프로토콜이라고 합니다. 사용자가 서버에 요청에 사용되는 전송 방식이 여러 가지가 있으며, 전송 방식 중 대표적으로 GET 방식과 POST 방식으로 나뉘게 됩니다. Get은 가져온다는 개념이고, Post는 수행한다는 개념으로 받아들이면 쉽습니다. 즉, Get은 서버에서 어떤 데이터를 가져와서 보여줄때 사용합니다. 어떤 값이나 내용, 상태등을 바꾸지 않는 경우에 사용을 하는것입니다. 이에비해, Post는 서버상의 데이터 값이나 상태를 바꾸기..