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

---

인기순

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 324 / 2020-10-29
• lodash [lodash] 배열의 역순으로 순서 바꾸기, reverse lodash 메소드 중 배열의 순서를 역순으로 바꿔주는 reverse에 대하여 알아봅니다._.revese(Array)lodash의 reverse()는 그 뜻과 같이 배열의 순서를 반대로 바꾸어 주는 역할</

  View : 172 / 2020-10-27
  
• react antd Dropdown 컴포넌트에서 파라미터를 overlay로 전달하는 방법 React antd 라이브러리의 Dropdown 컴포넌트는 자주 사용되는 UI 컴포넌트입니다. 이 경우 드랍다운시 나타낼 메뉴는 overlay를 사용하여 Dropdown될 경우 나타나게 될 엘리먼트로 추가하게 됩니다. 여기서 overlay에 만약 엘리먼트 요소뿐만 아니라 파라미터를 함께 넘기고 싶다면 어떻게 할 수 있을까요?# antd Dropdown 컴포넌트 overl

  View : 130 / 2020-10-23
• db MongoDB 데이터베이스 이름 변경하는 방법은? 아래는 MongoDB에서 데이터베이스의 이름을 변경하는 방법을 알아봅니다.# MongoDB 데이터베이스 이름 변경하기아쉽게도 MongoDB의 데이터베이스 구조상의 이유로 데이터베이스 이름을 바꾸는 간단한 명령어가 존재하지 않습니다. 그 이유는 데이터베이스 이름이 사용하는 모든 컬렉션 및 데이터에 저장되기 때문인데 아래에서는 이를 대체할 방법을 알아봅니다.결국 다른 방법을 찾아야되는데 생각해 볼 수 있는 방법은<spa

  View : 122 / 2020-10-22
• react antd table 컴포넌트 페이지네이션 삭제하기 react에서 사용하는 antd 컴포넌트 중 Table을 사용하는 경우 나타나는 페이지네이션을 숨기거나 삭제하는 방법에 대하여 알이봅니다.! antd의 Table 컴포넌트 페이지네이션 삭제antd의 Table 컴포넌트는 기본값으로 페이지네이션을 자동으로 화면에 출력합니

  View : 195 / 2020-10-20
  
• python Python 기본 파이썬 버전을 Python3로 설정하는 방법 Python 명령어를 실행하는 경우 만약 버전 3를 사용하고 싶지만 Python 버전 2가 기본값으로 되어 있는 경우 Python3를 기본값으로 설정하는 방법을 알아봅니다.# Python 3를 기본으로 사용하는 방법먼저 현재 어떤 버전을 사용하고 있는지 모른다면 python 커맨드를 바로 입력해봅니다.<div

  View : 276 / 2020-10-18
  
• linux 리눅스 볼륨 크기 늘리기, 파일 시스템 확장 리눅스 환경의 파일시스템 용량을 확장, 늘리는 방법에 대하여 알아봅니다. 참고로 아래의 방법은 AWS 클라우드 환경의 EBS 볼륨을 사용하는 경우의 예제입니다.문제) 리눅스 파일 시스템의 용량의 부족문제의 시작은 AWS 인스턴스에서 사용중인 EBS 볼륨의 크기가 작아 용량이 부족한 문제가 발생하였습니다. 클라우드 환경이므로 EBS의 크기를 현재보다 높여서 적용하였습니다.

  View : 367 / 2020-10-15
• react react 다이나믹하게 태그 속성, 어트리뷰트 추가하는 방법 react 앱에서 태그 엘리먼트에 속성과 속성의 값을 다이나믹하게 선언하는 방법에 대하여 알아봅니다. (여기서 다이나믹하게 변경한다는 뜻은 상태값에 따라 속성과 그 값이 즉시 추가, 변경되는 것을 의미합니다.)! react 태그 요소에 속성 다이나믹하게 추가하기예를들어 <fieldset> 태그가 존재합니다. 이 태그에 <span

  View : 172 / 2020-10-07
• js 자바스크립트 날짜, 시간 라이브러리 Momentjs 정보와 예제 자바스크립트에서 날짜, date 라이브러리를 가장 잘 알려진 momentjs에 대하여 알아봅니다.<span data-custom-styl

  View : 469 / 2020-10-06
  
• js [자바스크립트] 엘리먼트의 페이지 위치 알아내기, getBoundingClientRect 자바스크립트를 사용하여 화면(screen)으로부터 DOM 엘리먼트의 위치(position)를 알 수 있는 방법에 대하여 알아봅니다.# DOM 엘리먼트의 위치 구하기이 번에 알아볼 방법은 현재 화면, 윈도우(window)룰 기준으로 특정 엘리먼트의 위치 값을 구하는 방법을 알아봅니다. 아래 스크린샷 처럼 말이죠. 상단과 하단은 스크롤을 이동하여 화면에서 보이지 않는 영역입니다.<img src="/stati

  View : 1195 / 2020-09-21
  
• webdevetc nextjs robots.txt 페이지 설정하기 nextjs 앱에서 robots.txt 파일을 설정하는 방법에 대하여 알아봅니다.# nextjs에서 robots.txt 추가하기nextjs 환경에서 웹크롤러의 크롤링여부를 설정하는 robots.txt 파일을 추가하는 방법입니다.nextjs의 root에는 /public/ 이름의 디렉토리가 존

  View : 347 / 2020-09-19
• webdevetc nginx proxy redirect 프록시 서버 설정하기 nginx에서 프록시 서버 사용을 위해 다른 호스트, 머신으로 이동시키는 설정 방법을 알아봅니다.! 프록시 서버(Proxy server)란?클라이언트와 서버 사이에 존재하는 서버로 클라이언트의 요청을 받아 Reverse에 위치한 서버에 전달하는 상호 중계 목적의 서버를 말합니다. 프락시 서버가 사용되는 이유는 보안이나 트래픽 분산 등의 <span data-custo

  View : 731 / 2020-09-19
• webdevetc 엑셀에서 json 파일 불러오기 테이블로 변환하기 엑셀 프로그램에서 json 파일을 불러오는 방법에 대하여 알아봅니다.# 엑셀로 json 파일 불러오기이 전에 한 가지 알아두셔야 할 사항이 있습니다. 엑셀 버전에 따라 조금씩 차이가 있을 수 있습니다. 즉 office 신규버전 또는 2013, 2010, 2007 버전 등에 따라 메뉴가 다르거나 없는 기능이 있을 수 있으니 참고하세요. 그럼 아래에서 알아봅니다.<span data-custom-sty

  View : 2107 / 2020-09-19
  
• lodash lodash uniqBy() 메소드 알아보기 lodash 메소드 중 하나인 uniqBy() 메소드에 대하여 알아봅니다.# lodash uniqBy() 알아보기uniqBy()는 lodash 신규 업데이트를 통해 기존의 unique()에서 분리된&n

  View : 436 / 2020-09-17