전체보기
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
JQUERY
LINUX
PHP
DATABASE
LODASH
WEBDEVETC
ETC
Search
JSON Pretty
Close
CATEGORIES
JSON Pretty
HTML
CSS
React
VueJS
Javascript
jQuery
Lodash
Python
Database
Linux
WEBDEVETC
ETC
Search
Contact Us
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
webdevetc
nginx에 이미지 등의 static 파일 설정하기
nginx 서버에서 이미지 등의 static한 파일을 설정하여 serve 하는 방법에 대하여 알아봅니다.예를들어 아래의 경로로 접근하는 모든 파일들은 서버의 특정 경로에 있는 파일에서 찾아 보여주도록 설정하려고 합니다.// 접근된 이미지 경로webisfree.com/images/abc.jpg/
View :
5730
/
2020-11-12
webdevetc
nginx 서버 재시작 하는 방법 restart / reload
nginx를 사용하는 서버 웹 환경에서 서버를 재시작 하는 방법에 대하여 알아봅니다.# nginx 서버 재시작하기서버를 재시작하는 방법으로 restart와 reload 방법이 사용됩니다. 먼저 이 둘의 차이점은 무엇일까요?! nginx reloa
View :
15832
/
2020-11-12
lodash
lodash pickBy() 사용방법 및 예제
lodash의 객체에 사용할 수 있는 pickBy() 함수에 대하여 알아봅니다.# lodash pickBy()는?pickBy()는 객체에 사용하는 lodash 함수들 중 하나입니다. lodash의 pic
View :
2014
/
2020-11-12
food
신림동 백순대 볶음 배달로 만나다
너무나 유명한 신림동 백순대.. 언제부터인지 기억도 나지 않지만 지금도 그 맛을 잊지 못해 가끔씩 신림동에 들려 포장을 해오고는 했습니다. 오늘은 신림동 백순대 포장 리뷰를 적어봅니다.# 집에서 먹는 신림 백순대신림동이 아니더라도 백순대를 파는 곳은 몇 군데 있습니다. 하지만 맛도 다를 수 있고 집에서 가까운데 있지 않으면 차라리 신림동으로 발걸음을
View :
1187
/
2020-11-12
lodash
lodash filter() 함수 알아보기
자바스크립트 라이브러리 lodash의 함수 중 filtering()에 대하여 알아봅니다.# lodash filtering() 함수 알아보기lodash의 filtering() 함수는 컬렉션에 사용
View :
2481
/
2020-11-10
etc
네이버 블로그에서 애드포스트 광고 타입을 중간 광고로 설정하기
네이버 블로그에서 사용 가능한 광고 애드포스트의 광고 위치를 중간으로 변경하는 방법에 대하여 알아봅니다.# 애드포스트 광고 위치 변경하기광고의 위치는 매우 중요합니다. 수익과 크게 연관되어있기 때문이죠. 이런 이유로 클릭율이 높은 광고 위치를 알아내기 위해 많은 테스트를 진행하기도 합니다.<span data-custom-style="text--xl"
View :
964
/
2020-11-09
python
Python base64 인코딩, 디코딩 변환 방법
Python에서 base64로 인코딩(encoding) 또는 디코딩(decoding) 하는 방법에 대하여 알아봅니다.# Python base64 변환, 인코딩 디코딩 방법Python을 사용하는 경우 base64로 인코딩하거나 반대로 디코딩이 필요할
View :
21576
/
2020-11-07
db
MongoDB $text 연산자를 사용 방법 및 예제
MongoDB 연산자 중 $text에 대하여 알아봅니다.# $text 연산자는?MongoDB를 사용하여 텍스트를 검색하는 경우 $text 연산자를 많이 사용합니다.그래서 MongoDB의 제목이나 본문 등 텍스트가 많은 경우에 원하는 텍스트를 검색할 때 매우 쉽게 검색
View :
1519
/
2020-11-06
js
자바스크립트 객체의 값이 배열인 경우 쿼리스트링으로 바꾸기
자바스크립트를 사용하여 객체의 값을 주소창의 퀴리스트링으로 변경하는 방법을 이 전에 알아보았는데요 ~ 이 번 글은 만약 객체가 배열 값을 가지는 경우의 해결 방법을 알아봅니다.이전 글의 링크 바로가기 ><a href="https://webisfree.com/2019-05-15/자바스크립트-객체를-쿼리스트링-값으로-바꾸기"
View :
1298
/
2020-11-05
food
먹기 힘들다는 꼬북칩을 먹고 리뷰 쓰기
몇 달 전 대형마켓에서 처음 만난 꼬북칩 !! 하지만 그때는 맛이 있는지도 인기가 있는지도 몰랐던때라 아무 관심없이 그냥 지나쳤습니다. 그렇게 한 주 정도 뒤였을까요? 우연히 보게된 뉴스에서 요즘 인기있는 허니버터의 뒤를 이을만한 최근 가장 떠오르는 스낵이라는 기사가 있었습니다. 그 때 샀어야 하는데...<span data-custom-style="c
View :
472
/
2020-11-04
js
자바스크립트 객체에 값이 있는 것만 남기는 방법, 필터링
자바스크립트를 사용하여 객체를 사용하려고 합니다. 이때 객체가 가진 모든 프로퍼티들의 키와 값을 확인하여 값이 있는 경우의 키들만 남기고 싶다면 어떻게 할까요?# 객체에서 모든 키의 값이 있는 경우만 가져오기쉽게 말해 객체의 프로퍼티에서 값이 없는 경우를 다 제외하고 있는 값만 가져오는 방법을 의미합니다. 이해하기 쉽게 예를 들어보자면 아래에는 객체 option이 존재합니다.<div class="cod
View :
1108
/
2020-11-04
react
[React] 컴포넌트에 사용할 태그를 변경하는 방법
React 앱 내부에서 사용할 컴포넌트의 태그를 다른 것으로 변경하는 방법을 알아봅니다.# react 컴포넌트 태그를 변경, 바꾸기 예를들어 기본값은 span 태그를 사용하되 옵션으로 div 태그를 사용할 수 있도록 변경이가능한 컴포넌트를 만드는 방법입니다.<b
View :
1875
/
2020-11-04
etc
주식 용어 감자에 대하여 알아보기
주식에는 여러가지 용어가 사용됩니다. 이 중에서 감자에 대하여 알아보도록 하겠습니다.# 주식에서 감자란?금일 A 항공사가 무상감자를 하기로 결정하면서 많은 언론의 보도가 있었습니다. 최근 코로나에 항공업계가 많이 힘들어졌고 공적 자금 등 수혈을 통해 일시적인 자
View :
1635
/
2020-11-03
etc
갤럭시 폰에서 화면 분할 사용하는 방법 알아보기
갤럭시폰을 사용하는 경우 멀티 윈도우, 화면 분할을 사용하는 방법에 대하여 알아봅니다.! 스마트폰 화면 분할, 멀티 윈도우는?스마트폰 사용시 하나의 화면을 분할하여 여러 개의 앱을 띄우는 것을 말합니다. 즉 동시에 여러 작업을 동
View :
3505
/
2020-11-03
db
MongoDB에서 find() 검색시 여러 필드, 컬럼에서 찾는 방법
MongoDB에서 find()를 사용하여 원하는 문서를 검색할 때 하나의 필드가 아닌 여러개의 필드 안에서 값을 찾는 방법에 대하여 알아봅니다.예를들어 만약 webisfree라는 키워드를 mongodb에서 검색하고자 할때 제목뿐만 아니라 본문과 태그에서도 검색되도록 하기 위해서 여러개의 컬럼에서 검색이 되도록 하려면 쿼리문을 어떻게 작성하면 될까요?! $or를 사용하여
View :
3046
/
2020-11-03
food
상추, 깻잎은 어떻게 씻는게 좋을까?
채소 특히 상추나 깻잎은 어떻게 씻는 것이 좋을까요?# 상추, 깻잎 씻는 방법일단 채소는 잔류 농약도 중요하지만 벌레 및 이물질도 있을 수 있으므로 깨끗히 세척하는 것이 무엇보다 중요합니다. 여러 장의 겹쳐있으므로 번거롭더라도 한 장씩 세척하도록 합니다. 이때 검게 변하거나 상한 부분은 손으로 떼어주면 좋겠죠.<br
View :
692
/
2020-11-02
game
월광보합 게임 리뷰 ~ 상해3
월광보합 게임 중 개인적으로 좋아하는 게임인 상해 플레이 리뷰 정보입니다.# 상해는?예전부터 오락실에서 많이 볼 수 있던 마작패를 지우는 게임입니다. 상해는 1부터 3까지 존재하는데 거의 동일하니 참고하세요. 게임을 해보면
View :
748
/
2020-11-02
etc
공인중개사 시험 과목 및 일정 정리
2020년 올해는 역대 공인중개사 시험 최다 응시로 많은 사람의 관심과 집중을 받았습니다. 아래는 공인중개사 시험에 대하여 자세히 알아봅니다.(아래글은 2020년 11월 1일 기준으로 작성되었습니다.)! 2020년 올해 더 인기있던 이유는?코로나 유행과
View :
3892
/
2020-11-01
js
자바스크립트 배열 값을 찾아 다른 값으로 변경하기
자바스크립트의 배열의 값 중 하나를 찾아 다른 값으로 변경하는 방법을 알아봅니다.# 자바스크립트 배열 값 다른 값으로 대치, 변경우선 배열의 값을 다른 값으로 변경하기 위해 다음과 같은 과정이 필요합니다.1. 배열인지 타입을 확인2. 배열에서 변경할 값의 위치 인덱스(index) 얻기3.
View :
12957
/
2020-10-31
tech
네이버 검색페이지 화면 UI 개편되다
어제 2020년 10월 29일부터 PC 화면의 네이버의 검색 UI가 새롭게 개편되었습니다! 새롭게 바뀐 네이버 검색 화면은 어떤가 간략하게 알아봤습니다.# 새로워진 네이버 검색 화면 UI네이버 PC 화면의 검색 결과 화면 UI가 바뀌는 사실을 모르는 분들도 많았기 때문에 처음 접하는 경우 놀라는 경우도 많았습니다. 당일 시점에는 변경된 화면이 어색하다는 의견도 있더군요.<span data-custo
View :
1058
/
2020-10-30
js
자바스크립트에서 URLSearchParams 사용하여 주소 쿼리스트링, 파라미터 변경하기
자바스크립트에서 주소 입력창에 입력된 파라미터 값을 다른 값으로 변경하는 방법을 알아봅니다.# 주소창의 현재 파라미터를 다른 값으로 바꾸기쉽게 말해 현재 아래와 같은 페이지값의 파라미터를 다른 값으로 바꾸는 방법이라고 생각하시면 됩니다.// 변경 전https://webi
View :
7502
/
2020-10-30
game
월광보합과 시작된 추억의 소환
잘 기억나지 않은 아주 오래 전... 처음 인터넷을 시작한 계기는 바로 에뮬레이터였습니다.90년대 초반 처음 인터넷을 접하게 되었는데 그 당시 인터넷을 시작했던 이유는 바로 유명한 슈퍼마리오를 에뮬레이터(Emulator)를 사용하여 플레이 가능했기 때문이죠. 그 당시 콘솔 형태의 게임을 pc에서 할 수 있다는 건 믿기 힘들 정도로 대단했었습니다.처음의 에뮬레이터
View :
1722
/
2020-10-29
life
횡단보도 앞 신호등이 바닥에 있다
앞으로 횡단보도에서 길을 건널 때 신호등이 잘 보이지 않아 걱정할 고민이 줄어들 것 같습니다. 새로운 형태의 신호 알림 장치를 만났기 때문이죠. 아래에서 확인해 보세요.! 바닥에 긴 형태의 건널목 신호 알림횡단보도 정면에 위치한 신호등의 경우 빨간색, 파란색을 측면에서 확인하기 조금 어려운 부분이 있었는데요 이 새로운 신호등은 매우 긴 형태로 바닥에서 다양한 위치
View :
691
/
2020-10-29
react
[React] 리액트앱에서 페이지 스크롤 방향과 예제
이 글은 자바스크립트 환경에서 스크롤의 방향을 알아내 이를 적용하는 방법인 아래의 글을 React 앱에서 구현하는 예제입니다.더 알아보시려면 아래 링크 참조 바랍니다.https://webisfree.com/2019-12-16/[자바스크립트]-스크롤-이벤트에서-스크롤-방향-알아내는-방법<span data-cu
View :
2914
/
2020-10-29
lodash
[lodash] 배열의 역순으로 순서 바꾸기, reverse
lodash 메소드 중 배열의 순서를 역순으로 바꿔주는 reverse에 대하여 알아봅니다._.revese(Array)lodash의 reverse()는 그 뜻과 같이 배열의 순서를 반대로 바꾸어 주는 역할</
View :
1088
/
2020-10-27
react
antd Dropdown 컴포넌트에서 파라미터를 overlay로 전달하는 방법
React antd 라이브러리의 Dropdown 컴포넌트는 자주 사용되는 UI 컴포넌트입니다. 이 경우 드랍다운시 나타낼 메뉴는 overlay를 사용하여 Dropdown될 경우 나타나게 될 엘리먼트로 추가하게 됩니다. 여기서 overlay에 만약 엘리먼트 요소뿐만 아니라 파라미터를 함께 넘기고 싶다면 어떻게 할 수 있을까요?# antd Dropdown 컴포넌트 overl
View :
825
/
2020-10-23
db
MongoDB 데이터베이스 이름 변경하는 방법은?
아래는 MongoDB에서 데이터베이스의 이름을 변경하는 방법을 알아봅니다.# MongoDB 데이터베이스 이름 변경하기아쉽게도 MongoDB의 데이터베이스 구조상의 이유로 데이터베이스 이름을 바꾸는 간단한 명령어가 존재하지 않습니다. 그 이유는 데이터베이스 이름이 사용하는 모든 컬렉션 및 데이터에 저장되기 때문인데 아래에서는 이를 대체할 방법을 알아봅니다.결국 다른 방법을 찾아야되는데 생각해 볼 수 있는 방법은<spa
View :
1248
/
2020-10-22
react
antd table 컴포넌트 페이지네이션 삭제하기
react에서 사용하는 antd 컴포넌트 중 Table을 사용하는 경우 나타나는 페이지네이션을 숨기거나 삭제하는 방법에 대하여 알이봅니다.! antd의 Table 컴포넌트 페이지네이션 삭제antd의 Table 컴포넌트는 기본값으로 페이지네이션을 자동으로 화면에 출력합니
View :
1476
/
2020-10-20
python
Python 기본 파이썬 버전을 Python3로 설정하는 방법
Python 명령어를 실행하는 경우 만약 버전 3를 사용하고 싶지만 Python 버전 2가 기본값으로 되어 있는 경우 Python3를 기본값으로 설정하는 방법을 알아봅니다.# Python 3를 기본으로 사용하는 방법먼저 현재 어떤 버전을 사용하고 있는지 모른다면 python 커맨드를 바로 입력해봅니다.<div
View :
10705
/
2020-10-18
linux
리눅스 볼륨 크기 늘리기, 파일 시스템 확장
리눅스 환경의 파일시스템 용량을 확장, 늘리는 방법에 대하여 알아봅니다. 참고로 아래의 방법은 AWS 클라우드 환경의 EBS 볼륨을 사용하는 경우의 예제입니다.문제) 리눅스 파일 시스템의 용량의 부족문제의 시작은 AWS 인스턴스에서 사용중인 EBS 볼륨의 크기가 작아 용량이 부족한 문제가 발생하였습니다. 클라우드 환경이므로 EBS의 크기를 현재보다 높여서 적용하였습니다.
View :
13883
/
2020-10-15
First
Prev
...
2
3
4
5
6
7
8
...
Next
Last