전체 글159

• 

  [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.

• 

  구글 애드센스 승인 났어요! 안녕하세요! 개발쉽게하자곰 입니다. 드디어 기다리고 기다리던 구글 애드센스 승인이 22년 8월 27일에 승인이 났습니다. 블로거분들께서 "애드고시"라고 말하시는 시험에 합격하게 되어 기분이 너무 좋습니다 ㅎㅎ 처음에 포스팅 글이 얼마 되지 않았을 무렵 무작정 신청했었다가 2번 반려받고 승인받는 법에 대해서 이리저리 둘러보곤 했는데요 ㅎㅎ 운이 좋으신 분들은 게시글이 얼마 되지 않아도 승인이 빨리 나시는 분들도 계시고 승인받으시는 블로거분들이 정말 다양하단 걸 알았어요. 어떤 분은 포스팅에 글자 수가 2000~3000자 정도 되어야 한다는 분들도 계시고 카테고리를 간추리라고 하시는 분들도 계셨고.. 이미지를 많이 사용하지 말라는 분들도 계셨는데 제 블로그 포스팅 글 특성상 이미지가 많이 들어갑니다. 그래서.. 블로그 팁 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.

• 

  티스토리 파비콘(favicon) 만들기 및 적용 방법 안녕하세요! 개발쉽게하자곰 입니다. 오늘은 티스토리 블로그에 파비콘(favicon) 만드는 방법과 적용방법에 대해서 알아보려고 합니다. 우선 파비콘의 개념 간단히 설명하고 본론으로 넘어가도록 하겠습니다. 파비콘(favicon) 이란? 파비콘(영어: favicon, 'favorites + icon') 또는 파비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. 파비콘은 브라우저의 주소 표시줄에서 사이트 URL 옆에 표시되는 작은 16x16 아이콘 파일입니다. 또한 사용자의 열린 탭 목록과 책갈피 목록에서 사이트 이름 옆에 표시되는 경우가 많아 사용자가 다른 사이트를 쉽게 식별할 수 있습니다. 파비콘이 필요한 이유 작은 아이콘이지만 웹사이트를 보다 기억하기 쉽게 해주는 .. 블로그 팁 2022. 8. 18.

• 

  쿨러마스터 노바터치 CM STORM NOVATOUCH TKL 정전용량 무접점 토프레 키보드 타건음 및 타건영상 안녕하세요 곰이에요:) 오늘은 키보드 한대 소개해드리고 싶어서 이렇게 포스팅을 쓰네요 개발을 하다 보니 키보드에 관심이 많아지더라고요 나에게 맞는 키보드를 찾는다기 보다 그냥 수집형처럼 모으는 거 같아요! 제가 오늘 소개해드릴 키보드는! 쿨러마스터 CM STORM 사의 '노바 터치'입니다. 단종된 키보드라 구하기가 쉽지 않았는데요 ㅎㅎ 저는 중고거래로 45만 원 주고 구매를 했습니다. 이렇게까지 구매해서 써야 하나?라고 생각이 나지만 가지고 싶은 건 가져야 하는 성격이라. 큰마음먹고 구매를 했습니다. 토프레 키보드를 가지고 싶었는데 리얼포스랑 노바 터치랑 고민 많이 했습니다. 토프레 특성상 눌렀을 때 또각 거림이 잘 느껴지며 노바 터치는 리얼포스랑은 사뭇다른 느낌이라 또각거림이 더욱 도드라진다하고 해야하.. 키보드 소개 2022. 8. 17.

• 

  구글 이스터에그와 게임 모음 안녕하세요! 곰이에요:) 오늘은 구글에 숨어있는 이스터에그를 알아보려고 합니다! 이스터에그가 뭐에요? 이스터에그란? 이스터 에그(Easter Egg)는 영화, 책, CD, DVD, 소프트웨어, 비디오 게임 등에 숨겨진 메시지나 기능을 뜻한다. 또한 이스터 에그라는 이름은 서양권에서 부활절에 부활절 달걀을 미리 집안이나 정원에 숨겨두고 아이들에게 부활절 토끼가 숨겨놓은 달걀을 찾도록 하는 부활절 달걀 찾기 풍습에서 유래했다. 그리고 최초의 이스터 에그는 1978년에 발매된 아타리 2600용 비디오 게임 Adventure에서 유래한 것으로 알려져 있는데, 그 내용은 특정 픽셀 단위로 지나가면 이스터 에그를 넣은 프로그래머의 이름이 나온다. - 나무위키 한마디로 숨겨놓은 재미 요소라고 생각하시면 될 거 같습니.. 기타정보 2022. 8. 17.

• 

  [맛집추천] 인천 간짜장/탕수육 맛집 덕화원 다녀왔어요~! 안녕하세요 곰이에요:) 오늘은 친구들과 점심에 제가 자주 가는 간짜장과 탕수육 맛집인 덕화원에 다녀오게 되었어요! 전에 금문도 포스팅에서 덕화원을 언급을 했었는데 드디어 오늘 다시 오게 되어 여러분들께 소개하게 되었어요 정말 맛있어서 포스팅을 안 쓸 수가 없네요ㅎㅎ 참고 ※블로거의 주관적인 생각이 포함되어있습니다. 덕화원 우선 좁은 골목에 위치하고 있어서 잘 찾아가셔야 해요! 오늘따라 이상하게 웨이팅이 없더라고요? 아 제가 간 시점이 12시쯤이었는데 다행히 오픈하고 얼마 안 되어서 그런 거 같기도 하네요! 기본 단무지와 식초와 고춧가루 간장 접시 숟가락 있습니다. 메뉴 간짜장 7,000 곱빼기 9,000 짬뽕 7,000 곱배기 9,000 고추짬뽕 9,000 곱 11,000 짬뽕밥 7,000 공깃밥 1,5.. 먹는 일상 2022. 8. 6.

• 

  [방탈출] 비밀의 가족(비가) - 비밀의화원 미드나잇 합정점 공포테마 플레이 후기와 테마소개 안녕하세요 🐻곰이에요! 방탈출을 좋아하는 친구들과 함께 4인 공포 테마 비밀의화원 미드나잇 합정점에 있는 공포테마 비밀의 가족을 플레이하고 왔습니다.!! 비밀의 가족은 2020 방탈출 어워즈 최고의 공포/스릴러 테마 부문 2위를 기록한 테마입니다! 즐겁게 플레이를 하고 왔으니 솔직 후기 바로 작성해볼게요! ✨ 테마소개 ✨ 비밀의 가족 시놉시스 어느 날부터인가 옆집에서 밤마다 들려오는 쿵쿵대는 소리. 참다못한 나는 항의를 하기 위해 옆집으로 찾아간다. 이상한 분위기가 감도는 집 안, 이 집에 살고 있는 가족의 비밀을 알게 되는데.. 매장홈페이지 기준 시간 : 75분 장르 : 공포 난이도 : ★★★★ 추천인원 : 4인(혼방 가능) 예약금 : 20,000원 힌트방식 : 힌트폰 💸 금액 💸 1~2인 : 50,0.. 방탈출 후기 2022. 8. 6.

• 

  [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.