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

---

인기순

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 12739 / 2020-11-07
  
• db MongoDB $text 연산자를 사용 방법 및 예제 MongoDB 연산자 중 $text에 대하여 알아봅니다.# $text 연산자는?MongoDB를 사용하여 텍스트를 검색하는 경우 $text 연산자를 많이 사용합니다.그래서 MongoDB의 제목이나 본문 등 텍스트가 많은 경우에 원하는 텍스트를 검색할 때 매우 쉽게 검색

  View : 1005 / 2020-11-06
  
• js 자바스크립트 객체의 값이 배열인 경우 쿼리스트링으로 바꾸기 자바스크립트를 사용하여 객체의 값을 주소창의 퀴리스트링으로 변경하는 방법을 이 전에 알아보았는데요 ~ 이 번 글은 만약 객체가 배열 값을 가지는 경우의 해결 방법을 알아봅니다.이전 글의 링크 바로가기 ><a href="https://webisfree.com/2019-05-15/자바스크립트-객체를-쿼리스트링-값으로-바꾸기"

  View : 704 / 2020-11-05
  
• food 먹기 힘들다는 꼬북칩을 먹고 리뷰 쓰기 몇 달 전 대형마켓에서 처음 만난 꼬북칩 !! 하지만 그때는 맛이 있는지도 인기가 있는지도 몰랐던때라 아무 관심없이 그냥 지나쳤습니다. 그렇게 한 주 정도 뒤였을까요? 우연히 보게된 뉴스에서 요즘 인기있는 허니버터의 뒤를 이을만한 최근 가장 떠오르는 스낵이라는 기사가 있었습니다. 그 때 샀어야 하는데...<span data-custom-style="c

  View : 320 / 2020-11-04
  
• js 자바스크립트 객체에 값이 있는 것만 남기는 방법, 필터링 자바스크립트를 사용하여 객체를 사용하려고 합니다. 이때 객체가 가진 모든 프로퍼티들의 키와 값을 확인하여 값이 있는 경우의 키들만 남기고 싶다면 어떻게 할까요?# 객체에서 모든 키의 값이 있는 경우만 가져오기쉽게 말해 객체의 프로퍼티에서 값이 없는 경우를 다 제외하고 있는 값만 가져오는 방법을 의미합니다. 이해하기 쉽게 예를 들어보자면 아래에는 객체 option이 존재합니다.<div class="cod

  View : 768 / 2020-11-04
• react [React] 컴포넌트에 사용할 태그를 변경하는 방법 React 앱 내부에서 사용할 컴포넌트의 태그를 다른 것으로 변경하는 방법을 알아봅니다.# react 컴포넌트 태그를 변경, 바꾸기 예를들어 기본값은 span 태그를 사용하되 옵션으로 div 태그를 사용할 수 있도록 변경이가능한 컴포넌트를 만드는 방법입니다.<b

  View : 1141 / 2020-11-04
  
• etc 주식 용어 감자에 대하여 알아보기 주식에는 여러가지 용어가 사용됩니다. 이 중에서 감자에 대하여 알아보도록 하겠습니다.# 주식에서 감자란?금일 A 항공사가 무상감자를 하기로 결정하면서 많은 언론의 보도가 있었습니다. 최근 코로나에 항공업계가 많이 힘들어졌고 공적 자금 등 수혈을 통해 일시적인 자

  View : 1311 / 2020-11-03
  
• etc 갤럭시 폰에서 화면 분할 사용하는 방법 알아보기 갤럭시폰을 사용하는 경우 멀티 윈도우, 화면 분할을 사용하는 방법에 대하여 알아봅니다.! 스마트폰 화면 분할, 멀티 윈도우는?스마트폰 사용시 하나의 화면을 분할하여 여러 개의 앱을 띄우는 것을 말합니다. 즉 동시에 여러 작업을 동

  View : 2322 / 2020-11-03
  
• db MongoDB에서 find() 검색시 여러 필드, 컬럼에서 찾는 방법 MongoDB에서 find()를 사용하여 원하는 문서를 검색할 때 하나의 필드가 아닌 여러개의 필드 안에서 값을 찾는 방법에 대하여 알아봅니다.예를들어 만약 webisfree라는 키워드를 mongodb에서 검색하고자 할때 제목뿐만 아니라 본문과 태그에서도 검색되도록 하기 위해서 여러개의 컬럼에서 검색이 되도록 하려면 쿼리문을 어떻게 작성하면 될까요?! $or를 사용하여

  View : 1760 / 2020-11-03
• food 상추, 깻잎은 어떻게 씻는게 좋을까? 채소 특히 상추나 깻잎은 어떻게 씻는 것이 좋을까요?# 상추, 깻잎 씻는 방법일단 채소는 잔류 농약도 중요하지만 벌레 및 이물질도 있을 수 있으므로 깨끗히 세척하는 것이 무엇보다 중요합니다. 여러 장의 겹쳐있으므로 번거롭더라도 한 장씩 세척하도록 합니다. 이때 검게 변하거나 상한 부분은 손으로 떼어주면 좋겠죠.<br

  View : 461 / 2020-11-02
  
• game 월광보합 게임 리뷰 ~ 상해3 월광보합 게임 중 개인적으로 좋아하는 게임인 상해 플레이 리뷰 정보입니다.# 상해는?예전부터 오락실에서 많이 볼 수 있던 마작패를 지우는 게임입니다. 상해는 1부터 3까지 존재하는데 거의 동일하니 참고하세요. 게임을 해보면

  View : 527 / 2020-11-02
  
• etc 공인중개사 시험 과목 및 일정 정리 2020년 올해는 역대 공인중개사 시험 최다 응시로 많은 사람의 관심과 집중을 받았습니다. 아래는 공인중개사 시험에 대하여 자세히 알아봅니다.(아래글은 2020년 11월 1일 기준으로 작성되었습니다.)! 2020년 올해 더 인기있던 이유는?코로나 유행과

  View : 2970 / 2020-11-01
  
• js 자바스크립트 배열 값을 찾아 다른 값으로 변경하기 자바스크립트의 배열의 값 중 하나를 찾아 다른 값으로 변경하는 방법을 알아봅니다.# 자바스크립트 배열 값 다른 값으로 대치, 변경우선 배열의 값을 다른 값으로 변경하기 위해 다음과 같은 과정이 필요합니다.1. 배열인지 타입을 확인2. 배열에서 변경할 값의 위치 인덱스(index) 얻기3.

  View : 7943 / 2020-10-31
  
• tech 네이버 검색페이지 화면 UI 개편되다 어제 2020년 10월 29일부터 PC 화면의 네이버의 검색 UI가 새롭게 개편되었습니다! 새롭게 바뀐 네이버 검색 화면은 어떤가 간략하게 알아봤습니다.# 새로워진 네이버 검색 화면 UI네이버 PC 화면의 검색 결과 화면 UI가 바뀌는 사실을 모르는 분들도 많았기 때문에 처음 접하는 경우 놀라는 경우도 많았습니다. 당일 시점에는 변경된 화면이 어색하다는 의견도 있더군요.<span data-custo

  View : 750 / 2020-10-30
  
• js 자바스크립트에서 URLSearchParams 사용하여 주소 쿼리스트링, 파라미터 변경하기 자바스크립트에서 주소 입력창에 입력된 파라미터 값을 다른 값으로 변경하는 방법을 알아봅니다.# 주소창의 현재 파라미터를 다른 값으로 바꾸기쉽게 말해 현재 아래와 같은 페이지값의 파라미터를 다른 값으로 바꾸는 방법이라고 생각하시면 됩니다.// 변경 전https://webi

  View : 4243 / 2020-10-30
  
• game 월광보합과 시작된 추억의 소환 잘 기억나지 않은 아주 오래 전... 처음 인터넷을 시작한 계기는 바로 에뮬레이터였습니다.90년대 초반 처음 인터넷을 접하게 되었는데 그 당시 인터넷을 시작했던 이유는 바로 유명한 슈퍼마리오를 에뮬레이터(Emulator)를 사용하여 플레이 가능했기 때문이죠. 그 당시 콘솔 형태의 게임을 pc에서 할 수 있다는 건 믿기 힘들 정도로 대단했었습니다.처음의 에뮬레이터

  View : 1377 / 2020-10-29
  
• life 횡단보도 앞 신호등이 바닥에 있다 앞으로 횡단보도에서 길을 건널 때 신호등이 잘 보이지 않아 걱정할 고민이 줄어들 것 같습니다. 새로운 형태의 신호 알림 장치를 만났기 때문이죠. 아래에서 확인해 보세요.! 바닥에 긴 형태의 건널목 신호 알림횡단보도 정면에 위치한 신호등의 경우 빨간색, 파란색을 측면에서 확인하기 조금 어려운 부분이 있었는데요 이 새로운 신호등은 매우 긴 형태로 바닥에서 다양한 위치

  View : 540 / 2020-10-29
  
• react [React] 리액트앱에서 페이지 스크롤 방향과 예제 이 글은 자바스크립트 환경에서 스크롤의 방향을 알아내 이를 적용하는 방법인 아래의 글을 React 앱에서 구현하는 예제입니다.더 알아보시려면 아래 링크 참조 바랍니다.https://webisfree.com/2019-12-16/[자바스크립트]-스크롤-이벤트에서-스크롤-방향-알아내는-방법<span data-cu

  View : 2105 / 2020-10-29