1. 코드펜에서 버튼 가져오기 https://codepen.io/aaroniker/pen/ZEbLZrK Thumbs up button ... codepen.io 2. 버튼 구조 정리하기 HTML 원본 Liked Liked 수정 dark모드와 dribbble, twitter은 지운다. Liked CSS 원본 .button { --color: #1E2235; --color-hover: #1E2235; --color-active: #fff; --icon: #BBC1E1; --icon-hover: #8A91B4; --icon-active: #fff; --background: #fff; --background-hover: #fff; --background-active: #362A89; --border: #E1E6..
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는 서버상의 데이터 값이나 상태를 바꾸기..
프로그래밍에서 관계연산자는 왼쪽에 있는 어떤 값과 오른쪽에 있는 값을 비교하여 서로 같은지, 어느쪽이 큰지, 등을 체크하는 것이라고 할 수 있습니다. 또한, 프로그래밍에 있어서 가장 중요한 조건문, 반복문에서 사용하게 됩니다! 관계연산자란? 관계연산자란 Boolean이라는 데이터타입이라고 하며, 숫자, 문자와 다른 타입을 가지고 있습니다. 프로그래밍을 하면서 비교는 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 경우가 있습니다. 이과정에 관계 연산자의 결과를 참(True)이나 거짓(False)중 하나입니다. .==(동등연산자) == 연산자는 좌측과 우측의 값을 비교하여 서로 값이 같다면 참(True)을 다르다면 거짓(False)이 됩니다 위 코드는 var_dump를 이용하여 == (동등 연산자) 의 ..
PHP 변수선언 변수를 선언시에 가장 왼쪽에 $(달러)를 입력 후 변수명을 입력하고 =(등호)를 입력합니다. 여기서 등호는 같다는 의미가 아닌 저장하라는 의미입니다! 그 다음에 변수에 넣을 값을 입력 하시면 됩니다. 위 코드는 num이라는 변수를 선언한 후에 출력하는 코드입니다. 출력내용을 보시면 num 변수의 내용이 출력된 것을 확인하실수 있습니다. PHP 변수 응용 위 코드는 변수의 1을 +(더하기)라는 코드를 추가하였습니다! 위 출력내용을 보면 변수에 연산된 결과가 잘 나오는 것을 확인하실 수 있습니다. 즉, 위내용으로 변수에도 연산을 할수 있다는것을 알수 있습니다. 위 코드는 variable이라는 변수에 server라는 문자열을 넣었으며, 변수와 문자열을 결합하여 출력하는 코드입니다. 변수와 문자..