개발관련31

• 

  [CSS] background 4가지 속성 적용법 안녕하세요 곰이에요:) 오늘은 background 속성 설정법에 대해서 알아보려고 합니다. css에서도 많이들 사용하시는 속성입니다. background 속성들 1. background-image 2. background-color 3. background-repeat 4. background-position 우선 첫 번째 background-image 속성입니다. 제 헤더에도 적용되어있는 이미지 속성이기도 하고요! background-image 란? 해당 HTML 요소의 배경으로 나타날 배경 이미지(image)를 설정합니다. 설정된 배경 이미지는 기본 설정으로 HTML 요소 전체에 걸쳐 반복되어 나타납니다. 예제 예제 소스로는 이해가 힘드실 거 같아서 코드 블록과 html블록을 추가해보겠습니다. HTM.. 개발관련/CSS 2022. 8. 29.

• 

  Counter.js 를 써서 티스토리 블로그 방문자 수 애니메이션 효과 넣기 안녕하세요 곰이에요:) 오늘은 Counter.js를 활용하여 티스토리 블로그 방문자수에 활용하여 멋지게 꾸며줄 예정입니다. counter.js는 정해진 숫자까지 증가하는 애니메이션 효과를 넣을 수 있는데요. 예시를 사진으로 보여 드리겠습니다. 이런 식으로 말이에요 ㅎㅎ 무슨 느낌인지 감이 오시죠?? 현재 저는 티스토리 블로그 방문자 수에 활용 중인데요 이걸 한다고 해서 방문자수가 오르고 그러진 않습니다. 그냥 자기만족 및 보는 재미 정도? 저는 작업에 앞서 오픈 소스 GitHub를 참고하였습니다. https://github.com/bfintal/Counter-Up GitHub - bfintal/Counter-Up: Counter-Up is a lightweight jQuery plugin that cou.. 개발관련/javascript&jquery 2022. 8. 19.

• 

  [PHP] 상수의 개념과 사용법 안녕하세요 곰이에요:) 상수에 대해서 알아볼까 합니다 원래 다른 것보다 이걸 먼저 소개해드렸어야 했는데 쩝..ㅎㅎ 설명 우선 첫 번째로 상수가 무엇인지에 대해 알고 넘어가야 합니다. 변수 = 변하는 수 상수 = 변하지 않는 수 라고 이해하시면 좋을 거 같습니다. define(상수의 이름, 상수의 값, 대소문자 구분 true or false) 상수의 값 php5 버전에서는 int , float , string , bool php7버전에서는 배열도 허용이 된다고 해요. 간단한 사용 예제 저는 상수 이름을 CONSTANT로 정의하였으며 값은 Hello world라고 넣었습니다. 그러면 이제 상수 CONSTANT의 그런데 저는 대소문자 구분에 아무것도 넣지 않았어요. echo에서 대문자 CONSTANT와 소문자.. 개발관련/PHP 2022. 8. 4.

• 

  [PHP] 문자열을 배열로 배열을 문자열로 explode/implode 함수 사용법과 예제 안녕하세요 곰이에요:) 문자열을 배열로 배열을 문자열로 변환해주는 함수를 소개시켜드릴건데요 ㅎㅎ 배열을 문자열로 만들어주는 함수는 explode 라는 함수입니다. 반면 문자열을 배열로 만들어주는 함수는 implode 입니다. 설명 explode 란? explode = 문자열을 배열로 분할 string문자열로 구성된 경계에서 분할하여 형성된 하위 문자열인 문자열 배열을 반환 합니다. explode(구분자, 문자열) implode 란? implode = 배열 요소를 문자열로 결합 각 요소 사이에 구분 기호 문자열이 있는 동일한 순서로 모든 배열 요소의 문자열 표현을 포함하는 문자열을 반환합니다. implode(나눌 구분자, 배열) 간단한 사용 예제 우선 explode 부터 해볼까요? 우선적으로 저는 스페이스.. 개발관련/PHP 2022. 8. 3.

• 

  [PHP] 변수가 배열인지 아닌지 확인하는 함수 is_array() 사용법 및 예제 안녕하세요 곰이에요:) php에서 변수의 타입이 배열인지 아닌지 확인해주는 함수를 소개시켜드리겠습니다. 주어진 변수가 배열인지 아닌지 확인을 해야할때 사용되는 함수 is_array 라는 함수입니다. 설명 배열에 값이 있는지 확인 is_array(변수) 반환값 (return value) 배열이 맞으면 : true 배열이 아니면 : false 간단한 사용 예제 출력 결과 배열이 맞습니다. 배열이 아닙니다. 어떻게 활용할까? 출력 결과 알렉스를 못 찾았다. 무언가 찾고자 하는 값이 있을때 해당 변수를 배열로 만들어줌으로써 배열이 확인이 된다면 찾으려는 값이나 비교할 값이맞아떨어질때 일것이므로 위에 예시말고 다양하게 사용 될 수 있다. 호환 가능한 버전 PHP 4, PHP 5, PHP 7, PHP 8 버전에서 .. 개발관련/PHP 2022. 8. 3.

• 

  [PHP] 배열안에 값을 확인해주는 함수 in_array() 사용법 및 예제 안녕하세요 곰이에요:) PHP 개발중에 배열 정말 많이쓰이는데요 배열안에 값이 있는지 확인할수있는 함수 소개해드리고 사용법과 예제 알아보려고해요! in_array 라는 함수입니다. 설명 배열에 값이 있는지 확인 in_array(찾을값, 배열) 값이 있으면 : true 값이 없으면 : false 간단한 사용 예제 출력 결과 사과 있어요 어떻게 활용할까? 이렇게 || 개발관련/PHP 2022. 8. 3.

• 

  [Jquery/Javascript] 핸드폰번호 정규식 및 숫자만 입력되게 하는법 안녕하세요 개발쉽게하자곰 입니다. 날씨가 많이 우중충하네요 어제는 번개까지 치던데... 후 너무 찝찝한 하루에요 ㅠㅠ 회원가입이나 따로 핸드폰 번호를 입력받아야 할 때 많이 사용되는 방법에 대해 공유드리고자 합니다. 핸드폰 번호 검증과 정규식 우선 010/1234/5678 관련해서 각각 따로 입력받아 하나로 합치는 건데요 ㅎㅎ 이렇게요 ㅎㅎ 출력 이렇게 하나씩 출력하면서 셀렉터를 잡아줍니다. 출력 필수 값 체크도 해줬습니다. 그런데 전화번호 같은 경우엔 - (하이픈) 이 붙어야 한다면. 출력 이런 식으로 해주면 됩니다. 저는 여기서 input box에 숫자만 입력받게끔 하겠습니다. 이 방법도 좋지만 복붙에 취약합니다. 가볍게 보여드리자면 이렇게 onkeyup이기에 키업을 안 한 상태로 입력하게 되면 받게.. 개발관련/javascript&jquery 2022. 8. 2.

• 

  [Jquery/Javascript] 체크박스 전체 선택과 전체 해제 구현하기 안녕하세요 개발쉽게하자곰 입니다. 오랜만에 개발 관련 포스팅 써보네요! 오늘은 jquery로 체크박스 전체 선택 관련해서 써볼까 합니다. 우선 셀렉터를 input에 name으로 잡았을 때에 처리하는 방법입니다. 함수를 이용한 방법 prop 방식 오늘의 점심 전체선택 국밥 햄버거 칼국수 중식 초밥 파스타 피자 HTML 삽입 미리보기할 수 없는 소스 전체 선택 시 이렇게 전체적으로 선택되는 모습입니다. attr 방식 오늘의 점심 전체선택 국밥 햄버거 칼국수 중식 초밥 파스타 피자 HTML 삽입 미리보기할 수 없는 소스 prop 말고도 이렇게 attr로도 전체 선택을 구현할 수 있습니다. on(), click() 함수를 이용한 방법. click() 함수 이용 오늘의 점심 전체선택 국밥 햄버거 칼국수 중식 초밥.. 개발관련/javascript&jquery 2022. 8. 2.

• 

  [PHP]반복문(for, while, foreach)으로 구구단 만들기! 안녕하세요 곰이에요:) 오늘은 반복문에 대해서 알아볼겁니다. 알아보면서~ 구구단도 만들어볼게요 ㅎㅎ 자 우선FOR문입니다. //for문 사용법 for($초기변수;$조건식;$증감식) { } for문은 초기값 조건값 증감값이 있는데 초기값 : 기준이되는? 변수값. 조건식 : 초기값을 얼마나 반복을 할건지 조건. 증감식 : 조건식에 맞는 더할지(+) 뺼지(-) 를 선언. 0에서 10까지 반복하는 FOR문을 만들고싶어요. for($i=0;$i while문 1부터 9까지 출력 결과 1 2 3 4 5 6 7 8 9 구구단 결과는 FOR문에서와 같이 값은 같지만 문법에 차이가있습니다. [2] 단 2 X 1=2 2 X 2=4 2 X 3=6 2 X 4=8 2 X 5=10 2 X 6=12 2 X 7=14 2 X 8=16 .. 개발관련/PHP 2020. 12. 3.

• 

  [PHP] GET/POST 값 확인하는 방법! 인사말 이번시간에는 개발하시는분들이라면 가장 기본으로 알고계시는 GET과 POST 입니다!! GET과 POST 의 차이점에대해서 설명드리자면 아 알고있다구여?? 넘어가겠습니다.. 우선 POST값 부터 확인을 해보려고 합니다. 소스코드 이름: 나이: 성별: 남자여자 주소: form에서 method를 post값을 주셔야 합니다. 간단하게 정보입력 창입니다. 이렇게 입력해주었고 php 파일도 한번 보겠습니다. 이렇게 하면 안됩니다. 지금 넘어오는 값은 배열이기에 배열을 풀어서 보여야합니다. 전송을 눌렀더니 이렇게 나오네요 보기가 이래도 힘들다? 출력 결과 이렇게 태그를 써주시면 디버깅 할때 편하겠죠?? 이거 관련해서 함수 하나 만들어놓으면 엄청 편하게 쓸수있습니다. 그거 관련해서는 다음시간에 얘기하도록하죵 이.. 개발관련/PHP 2020. 11. 26.

• 

  PHP 논리연산자 활용법 알아보기~ and, or, &&, || 등등... 안녕하세요 곰이에요:) 비교연산자에 이어 논리연산자도 기록을 하려고해요! 논리연산자의 종류와 어느 상황에서 사용하는지 알아보는 시간이 되겠네요. 변수는 이렇게 $a에다가는 1값을 넣고 $b에는 "" 빈값을 줬어요! 연산자 내용 연산식 결과 and $a 그리고 $b도 참 이면 TRUE $a and $b FALSE or $a 또는 $b가 참 일때 TRUE $a or $b TRUE xor $a나$b 둘중하나만 참 TRUE $a xor $b TRUE && $a 그리고 $b도 참 이면 TRUE $a && $b FALSE || $a 또는 $b가 참 일때 TRUE $a || $b TRUE ! 참이 아닐 떄 TRUE !$b TRUE 결과는 if else를 사용해서 나온 값들입니다. 이런식으로 했어요 ㅎㅎ 0이나 "" .. 개발관련/PHP 2020. 11. 26.

• 

  PHP 비교연산자 !=,===,== 알아보기! 안녕하세요 곰이에요:) 오늘은 비교연산자에 대해서 알아보도록 할건데요 ! 1.$a와 $b가 같지않음을 PHP로 증명해라. 라는 질문이나 문제를 보았을 때 어떻게 증명할까요?? $b에 더블쿼터("") 가있잖아요~ $b가 string 타입이에요 ~ 이걸 어떻게 증명해요?? 바로 비교연산자로 비교하여 증명할수가있습니다. 비교 연산자 내용 사용법 결과 == 값이 같을때 TRUE $a == $b TRUE === 값도 같고 타입도 같을 때 TRUE $a === $b FALSE != 값이 같지 않을때 TRUE $a != $b FALSE !== 값이 같지않고 타입도 같지않을 때 TRUE $a !== $b TRUE 값이 같지 않으면 TRUE $a $b FALSE $a가 $b보다 클 때 TRUE $a > $b FALSE .. 개발관련/PHP 2020. 11. 26.