LATEST POSTs 최근 등록된 포스팅 목록 최신순

---

인기순

• game [고전 오락실 게임] Tube It 퍼즐 게임 얼마 전 부터 계속하여 작성 중인 고전 오락실 게임 리뷰! 오늘은 퍼즐 게임인 Tube It이라는 게임에 대하여 소개해보려고 합니다.스크린샷) 위에서 내려오는 파이프의 방향을 맞추어 연결하자<b

  View : 87 / 2020-12-02
  
• life 현금서비스(단기 카드 대출) 이자 계산기 급하게 돈이 필요한 경우에 편리하고 빠르게 사용할 수 있는 금융 서비스 중 하나가 단기 카드 대출, 현금 서비스가 아닐까요? 하지만 현금 서비스는 다른 대출 서비스와 비교하면 이자율이 상대적으로 높고 연체될 경우 연체 이자 및 신용 등급에도 악영향을 줄 수 있기 때문에 주의가 필요하겠죠.# 단기 카드 대출, 현금 서

  View : 1581 / 2020-11-30
  
• react react 함수형 컴포넌트 useEffect 훅 사용방법 및 예제 react 앱의 함수형 컴포넌트에서 useEffect()를 사용하는 방법에 대하여 알아봅니다.# 함수형 컴포넌트 useEffect hook리액트 컴포넌트 타입 중 함수형 컴포넌트는 클래스 컴포넌트와 달리 componentDidMount 등의 라이프사이클 함

  View : 177 / 2020-11-30
  
• react react 검색창에 debounce 적용하는 방법 React 앱에서 검색어를 입력시 debouce를 적용하는 방법에 대하여 알아보려고 합니다.# React 앱에서 debouce 적용하는 방법검색 등의 여러 번 이벤트가 계속해서 반복하는 경우 debounce를 적용하여 여러 번 호출 될 경우 일정 시간에 발생한 횟수에 상관없이 한 번만 호출되도록 제한을 걸어두어

  View : 212 / 2020-11-26
  
• vuejs VueJS CSS 스타일의 모듈화 사용하기 VueJS에서 style을 선언하는 방법 중 아래처럼 컴포넌트에 css style을 모듈화하여 사용하는 방법이 가능합니다. 이와 같은 방법은 앱 전체보다는 특정 기능의 컴포넌트 작성시 디펜던시를 최소화하는 장점이 있습니다. 그럼 아래의 코드를 먼저 봐주세요.# vueJS 스타일 모듈화 적용하기아래 코드는 vue 컴포넌트에 사용된 style 요소로 <s

  View : 154 / 2020-11-26
• lodash lodash 컬렉션에서 일치하는 문자 여부 찾기 lodash를 사용하여 특정 텍스트가 컬렉션에 포함되어 있는지를 확인하는 방법으로 includes()를 사용할 수 있습니다. 아래에서 자세히 알아봅니다.# lodash includes() 알아보기lodash 함수 <span data-custom-style="ct

  View : 142 / 2020-11-25
  
• life 수중식물 마리모 키우기 새로운 반려 식물이 생기면서 취미도 하나 늘어났습니다. 바로 수생식물인 마리모 가꾸기이죠. 아래는 마리모에 대하여 간략하게 알아보려고 합니다.# 수생식물 마리모 키우기요즘 마리모를 키우는 분들이 부쩍 많아진 것 같습니다. 아마도 마리모는 키우기도 쉽고 요새는 판매처도 많아 쉽게 구하고

  View : 178 / 2020-11-25
  
• linux 리눅스 systemctl에 새로운 service 설정 방법 리눅스에서 새로운 service를 추가하여 웹서버의 앱을 구동할 수 있습니다. 예를들어 아래 코드는 uwsgi를 사용하여 python 앱을 서버에 구동하는 코드인데요 ~ 이와 같이 새로운 서비스(Service)를 사용하는 경우 설정하는 방법과 주의할 몇 가지를 알아봅니다.! 새로운 service 등록과 설정방법먼저 코드를 살펴보도록 하

  View : 174 / 2020-11-24
  
• food 새로나온 과자 옥수수깡을 맛보다 새로운 스낵이 출시되었군요 !! 얼마 전 광고를 보고 마트에 사면 꼭 사야겠다고 생각한 과자를 오늘 드디어 구매하였습니다. 이름은 옥수수깡!새로나온 스낵~ 옥수수깡!개인적으로 새로운 과자는 꼭 먹어봅니다. 물론 익

  View : 230 / 2020-11-21
  
• python python 딕셔너리 타입의 모든 키 출력하기 Python에서 딕셔너리(dictionary) 타입이 가지는 모든 키 정보를 출력하는 방법에 대하여 알아봅니다.# Python 딕셔너리 가진 모든 키 출력하기간단한 예제를 하나 만들어보며 알아보죠. 우선 딕셔너리 타입의 변수를 하나 선언합니다.<div class=

  View : 201 / 2020-11-20
  
• game [고전 오락실 게임] 원더보이 몬스터랜드 고전 오락실 게임에서 빼놓을 수 없는 바로 그 게임! 원더보이 몬스터랜드! 이름은 잘 모르더라도 게임 화면을 보시면 아! 라고 말하게 될 바로 그 게임입니다. 이 고전 게임에 대하여 알아보려고 합니다.# 원더보이 몬스터랜드생각해보면 오락실에서 그 당시 매우 인기가 많았던 게임으로 오락실에서 흔히 만날 수 있는 장르인 슈팅, 액션, 대전 등의 장르가 아니라&nbsp

  View : 682 / 2020-11-20
  
• app [앱리뷰 및 소개] 한자필기인식사전 최근 한자 공부를 조금이나마 시작하고 있는데 도움이 되는 앱이 있어 알아보았습니다.# 한자사전앱 소개 - 한자필기인식사전모르는 한자를 찾기 위해서는? 예전 이야기를 빼놓을 수 없겠지요~ 집에 하나씩은 있던 한자 사전 옥편에서 한자의 획의 수를 기준으로 찾아야했습니다. 물론 이 방법도 여전히 필요하지만 이 앱을 사용하면 뜻, 음을 모르고 한자가 어

  View : 263 / 2020-11-20
  
• linux 리눅스 find로 찾은 파일 삭제하는 방법 라눅스에서 파일을 찾을 때 find를 사용하여 찾을 수 있습니다. 그런데 찾은 파일 목록을 삭제하는 두 가지를 수행하는 방법을 알아봅니다.# 리눅스 find로 찾은 파일 삭제하는 방법우선 파일을 찾아야합니다  아래와 같이 find를 사용해 삭제할 파일을 찾아 출력합니다. 이때 문법은 아래와 같습니다find <해당경로> <찾을 조건 및 옵

  View : 126 / 2020-11-19
• js 자바스크립트 contentEditable 엔터 입력시 div를 p 태그로 변경 자바스크립트의 태그에 contentEditable 어트리뷰트를 적용할 경우 해당 태그 내부에 텍스트 입력 또는 엘리먼트 추가 등등 다양한 조작이 가능합니다. 이때 만약 엘리먼트 안에서 엔터키를 입력할 경우 입력된 내용이 div 태그와 함께 추가되죠.# 엔터 키 입력시 di

  View : 254 / 2020-11-18
  
• js 자바스크립트 커서 위치 및 선택 영역에 텍스트 및 엘리먼트 추가하기 자바스크립트를 사용하여 드래그했거나 커서가 있는 위치에 텍스트 및 DOM 엘리먼트를 추가하는 방법에 대하여 알아봅니다.# 커서 위치에 텍스트, 엘리먼트 추가만약 위지윅 에디터를 직접 만들어 구현한다고 생각해보겠습니다.  div 등의 태그를 하나 만들고

  View : 260 / 2020-11-18
  
• lodash lodash startsWith() 메소드 알아보기 lodash 라이브러리 메소드 중 하나인 startsWith()에 대하여 알아봅니다.# lodash 메소드 startsWith() 알아보기이 함수는 문자열에 사용할 수 있으며 시작하는 문자가 조건과 동일한 경우 true를 아닌 경우 false를 반환하는 메소

  View : 107 / 2020-11-17
  
• game [고전 오락실 리뷰] 스타디움 히어로! 야구 게임 과거 오락실 야구 게임 중 단연 1등!! 장르를 떠나 너무나 인기 많았던 게임인 스타디움 히어로(Stadium Hero)를 아시나요?오락실 인기 야구 게임, 스타디움 히어로<

  View : 360 / 2020-11-17
  
• react nextjs 스크립트 head에 추가하는 방법 Next.js를 사용하는 경우 head 영역에 스크립트 코드를 추가하려고 합니다. 어떻게 하면 되는지 간략하게 알아봅니다.# next.js head에 스크립트 추가하기아래는 nextjs 앱에서 analytics 등의 웹 트래킹 코드 추가가 필요하여 사용한 방법입니다. 이처럼 스크립트를 head에 추가한 이유는 하나의

  View : 133 / 2020-11-16
  
• app [앱 리뷰] GPS Status, 나침판 및 수평 얼마 전 올린 포스팅은 드럼 세탁기의 소음, 진동을 줄이기 위해서 수평을 맞추는 방법을 알아보았는데요 ~ 그 때 사용한 앱이 바로 GPS Status입니다. 아래는 이 앱에 대하여 간략하게 알아보려고 합니다.# 앱을 사용하여 나침반 및 수평 맞추기, GPS Status이 앱은 매우 잘 알려진 앱으로 핸드폰만 있으면 동서남북, 나침반 기능 이 외에도 여러가지 정보를

  View : 188 / 2020-11-16
  
• life 드럼 세탁기 진동 소음이 심한 경우 만약 소음이나 진동이 크지 않던 우리 집 드럼세탁기가 갑자기 어느 순간부터 너무 심하게 요동치는 등 문제가 발생되는 경우 어떻게 대처해야만 할까요?# 드럼세탁기 진동 및 소음 문제일반 통돌이 형태의 세탁기와는 달리 드럼세탁기의 경우 여러가지 이유로 심한

  View : 733 / 2020-11-16
  
• game [고전게임] 오락실 게임~ 파이프라인 고전 게임 중 하나인 파이프라인을 소개하려고 합니다.예전 오락실에서 만날 수 있던 다양한 퍼즐게임 중 독특한 방식의 파이프라인이 있었습니다. 생각보다 고전이면서도 매우 유명한 게임입니다! 아래에서 자세히 알아볼께요.<s

  View : 148 / 2020-11-13
  
• etc 크롬 브라우저 알림 설정 및 해제하기 요즘 일부 웹사이트는 브라우저의 알림 서비스 허용을 요청하기도 합니다. 가끔씩 원하지 않는 알림 설정이 되어 화면에 계속 노출될 수도 있겠죠. 이 경우 크롬브라우저에서 해당하는 알림을 삭제, 해제하려면 어떻게 하는지 알아봅니다.# 크롬브라우저 알림 설정 및 해제하기처음에는 무시했지만 어느 순간 화면 우측 하단에 브라우저 알림이 너무 많이 떠서 어쩔 수 없이 알림 설정을 해제

  View : 280 / 2020-11-13
  
• life 여러가지 색이 이쁜 스칸디아모스 요즘은 습도 조절이 매우 관심이 높아져서 일까요? 주변에 자주 보이는 이쁜 식물이 있어 찾아보니 바로 스칸디아모스(Scandia Moss)더군요. 호기심에 어떤 것인지 알아보았습니다.# 스칸디아모스는?스칸디아모스를 찾아보면 특정 브랜드명입니다. 즉 <sp

  View : 139 / 2020-11-13
  
• webdevetc nginx에 이미지 등의 static 파일 설정하기 nginx 서버에서 이미지 등의 static한 파일을 설정하여 serve 하는 방법에 대하여 알아봅니다.예를들어 아래의 경로로 접근하는 모든 파일들은 서버의 특정 경로에 있는 파일에서 찾아 보여주도록 설정하려고 합니다.// 접근된 이미지 경로webisfree.com/images/abc.jpg/

  View : 344 / 2020-11-12
• webdevetc nginx 서버 재시작 하는 방법 restart / reload nginx를 사용하는 서버 웹 환경에서 서버를 재시작 하는 방법에 대하여 알아봅니다.# nginx 서버 재시작하기서버를 재시작하는 방법으로 restart와 reload 방법이 사용됩니다. 먼저 이 둘의 차이점은 무엇일까요?! nginx reloa

  View : 238 / 2020-11-12
  
• lodash lodash pickBy() 사용방법 및 예제 lodash의 객체에 사용할 수 있는 pickBy() 함수에 대하여 알아봅니다.# lodash pickBy()는?pickBy()는 객체에 사용하는 lodash 함수들 중 하나입니다. lodash의 pic

  View : 115 / 2020-11-12
  
• food 신림동 백순대 볶음 배달로 만나다 너무나 유명한 신림동 백순대.. 언제부터인지 기억도 나지 않지만 지금도 그 맛을 잊지 못해 가끔씩 신림동에 들려 포장을 해오고는 했습니다. 오늘은 신림동 백순대 포장 리뷰를 적어봅니다.# 집에서 먹는 신림 백순대신림동이 아니더라도 백순대를 파는 곳은 몇 군데 있습니다. 하지만 맛도 다를 수 있고 집에서 가까운데 있지 않으면 차라리 신림동으로 발걸음을

  View : 273 / 2020-11-12
  
• lodash lodash filter() 함수 알아보기 자바스크립트 라이브러리 lodash의 함수 중 filtering()에 대하여 알아봅니다.# lodash filtering() 함수 알아보기lodash의 filtering() 함수는 컬렉션에 사용

  View : 116 / 2020-11-10
  
• etc 네이버 블로그에서 애드포스트 광고 타입을 중간 광고로 설정하기 네이버 블로그에서 사용 가능한 광고 애드포스트의 광고 위치를 중간으로 변경하는 방법에 대하여 알아봅니다.# 애드포스트 광고 위치 변경하기광고의 위치는 매우 중요합니다. 수익과 크게 연관되어있기 때문이죠. 이런 이유로 클릭율이 높은 광고 위치를 알아내기 위해 많은 테스트를 진행하기도 합니다.<span data-custom-style="text--xl"

  View : 136 / 2020-11-09
  
• python Python base64 인코딩, 디코딩 변환 방법 Python에서 base64로 인코딩(encoding) 또는 디코딩(decoding) 하는 방법에 대하여 알아봅니다.# Python base64 변환, 인코딩 디코딩 방법Python을 사용하는 경우 base64로 인코딩하거나 반대로 디코딩이 필요할

  View : 465 / 2020-11-07