전체보기
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
VSC Visual Studio Code 다운로드 받기
개발자가 사용하는 웹개발 에디터 중 무료이면서 매우 다양한 기능을 제공하는 VSC(Visual Studio Code)에 대하여 간략히 알아보고 다운로드 방법도 알아봅니다.# Visual Studio Code는?Visual Studio Code는 Microsoft에서 무료로 제공되는 개발 툴로 무료 제공되는 툴 중에서도 가장 많이 사용될 만큼 매우 잘 알
View :
2232
/
2020-12-06
linux
리눅스 sh 파일 실행시 bad interpreter 에러 해결하기
리눅스에서 만약 아래와 같은 에러가 발생할 수 있습니다./bin/bash^M: bad interpreter: No such file or directory이 경우 어떻게 해결할 수 있을까요? 아래에서 알아봅니다.기존에는 sh를 생성 후 권한 부여 및 실행 파일 변경 후 잘 동작하였는데 리눅스 업데이트 이 후 갑자기 동작하지 않는 문제가 발생했습니다. 해결 방법을 찾아보니 리눅스와 윈도우즈 문자 사용에 따른 차이 문제였습니다. 윈도우즈의 CR 문자가 리눅스
View :
1305
/
2020-12-05
food
[음식정보] 사케동, 연어덮밥
일본의 잘 알려진 음식 중 하나인 사케동에 대하여 간략하게 알아봅니다.! 사케동은?사케동은 일본의 돈부리(덮밥) 음식 중 하나로 밥 위에 사케 즉, 연어를 동(돈부리)에 올린 음식입니다.사진) 일본식 덮밥 사케
View :
745
/
2020-12-05
css
[css] 스타일속성 gap을 flex에서 사용하기
CSS 스타일 속성 gap에 대하여 알아보려고 합니다.# css gap 스타일 속성gap은 내부의 children 요소들이 일정한 간격으로 떨어져 위치할 수 있도록 사용하는 스타일 속성입니다.
View :
13394
/
2020-12-05
life
위내시경 검사 전 금식, 물은 마셔도 될까?
건강검진시 위내시경을 받는 경우 검진 시간에 따라 전 날 오후 9시 이 후 부터 또는 당일부터 금식을 하도록 합니다. 그렇다면 물은 마셔도 괜찮은걸까요?<p class="text text--center"
View :
4485
/
2020-12-04
etc
[투자정보] 부동산을 주식처럼 거래하고 투자하는 카사 앱
여유 자금을 어디에 투자하는게 좋을지 많은 사람들이 공통된 고민을 가지고 있습니다. 돈은 가만히 두는 것보다 은행에 예금을 하거나 부동산을 사는 등 투자도 필요할 것입니다.# 5000원이면 누구나 건물주가 된다. 카사믿기지 않지만 5000원이면 건물에 투자하고 임대수익과 차익을 실현할 수 있는 서비스가 최근에 나왔습니다. 바로 카사라는 서비스입니다.<img src="/static/uploads/2020/497
View :
963
/
2020-12-03
webdevetc
웹페이지에 유투브(Youtube) 영상 추가하는 방법, iframe
홈페이지등의 웹페이지에 유튜브 영상(YouTube)을 추가하는 방법을 알아보려고 합니다.# YouTube(유튜브) 영상 웹페이지 추가, 사용하기먼저 유튜브 영상을 추가하는 이유는 무엇일까요? 유튜브 콘텐츠를 웹페이지에 보여주기 위한 목적이 있을 수 있고 웹에서 백그라운드 배경을 이미지가 아닌 동영상으로 사용하기 위한 목적
View :
5347
/
2020-12-03
game
[고전 오락실 게임] Tube It 퍼즐 게임
얼마 전 부터 계속하여 작성 중인 고전 오락실 게임 리뷰! 오늘은 퍼즐 게임인 Tube It이라는 게임에 대하여 소개해보려고 합니다.스크린샷) 위에서 내려오는 파이프의 방향을 맞추어 연결하자<b
View :
765
/
2020-12-02
life
현금서비스(단기 카드 대출) 이자 계산기
급하게 돈이 필요한 경우에 편리하고 빠르게 사용할 수 있는 금융 서비스 중 하나가 단기 카드 대출, 현금 서비스가 아닐까요? 하지만 현금 서비스는 다른 대출 서비스와 비교하면 이자율이 상대적으로 높고 연체될 경우 연체 이자 및 신용 등급에도 악영향을 줄 수 있기 때문에 주의가 필요하겠죠.# 단기 카드 대출, 현금 서
View :
9730
/
2020-11-30
react
react 함수형 컴포넌트 useEffect 훅 사용방법 및 예제
react 앱의 함수형 컴포넌트에서 useEffect()를 사용하는 방법에 대하여 알아봅니다.# 함수형 컴포넌트 useEffect hook리액트 컴포넌트 타입 중 함수형 컴포넌트는 클래스 컴포넌트와 달리 componentDidMount 등의 라이프사이클 함
View :
2099
/
2020-11-30
react
react 검색창에 debounce 적용하는 방법
React 앱에서 검색어를 입력시 debouce를 적용하는 방법에 대하여 알아보려고 합니다.# React 앱에서 debouce 적용하는 방법검색 등의 여러 번 이벤트가 계속해서 반복하는 경우 debounce를 적용하여 여러 번 호출 될 경우 일정 시간에 발생한 횟수에 상관없이 한 번만 호출되도록 제한을 걸어두어
View :
3302
/
2020-11-26
vuejs
VueJS CSS 스타일의 모듈화 사용하기
VueJS에서 style을 선언하는 방법 중 아래처럼 컴포넌트에 css style을 모듈화하여 사용하는 방법이 가능합니다. 이와 같은 방법은 앱 전체보다는 특정 기능의 컴포넌트 작성시 디펜던시를 최소화하는 장점이 있습니다. 그럼 아래의 코드를 먼저 봐주세요.# vueJS 스타일 모듈화 적용하기아래 코드는 vue 컴포넌트에 사용된 style 요소로 <s
View :
1197
/
2020-11-26
lodash
lodash 컬렉션에서 일치하는 문자 여부 찾기
lodash를 사용하여 특정 텍스트가 컬렉션에 포함되어 있는지를 확인하는 방법으로 includes()를 사용할 수 있습니다. 아래에서 자세히 알아봅니다.# lodash includes() 알아보기lodash 함수 <span data-custom-style="ct
View :
1467
/
2020-11-25
life
수중식물 마리모 키우기
새로운 반려 식물이 생기면서 취미도 하나 늘어났습니다. 바로 수생식물인 마리모 가꾸기이죠. 아래는 마리모에 대하여 간략하게 알아보려고 합니다.# 수생식물 마리모 키우기요즘 마리모를 키우는 분들이 부쩍 많아진 것 같습니다. 아마도 마리모는 키우기도 쉽고 요새는 판매처도 많아 쉽게 구하고
View :
836
/
2020-11-25
linux
리눅스 systemctl에 새로운 service 설정 방법
리눅스에서 새로운 service를 추가하여 웹서버의 앱을 구동할 수 있습니다. 예를들어 아래 코드는 uwsgi를 사용하여 python 앱을 서버에 구동하는 코드인데요 ~ 이와 같이 새로운 서비스(Service)를 사용하는 경우 설정하는 방법과 주의할 몇 가지를 알아봅니다.! 새로운 service 등록과 설정방법먼저 코드를 살펴보도록 하
View :
4012
/
2020-11-24
food
새로나온 과자 옥수수깡을 맛보다
새로운 스낵이 출시되었군요 !! 얼마 전 광고를 보고 마트에 사면 꼭 사야겠다고 생각한 과자를 오늘 드디어 구매하였습니다. 이름은 옥수수깡!새로나온 스낵~ 옥수수깡!개인적으로 새로운 과자는 꼭 먹어봅니다. 물론 익
View :
1039
/
2020-11-21
python
python 딕셔너리 타입의 모든 키 출력하기
Python에서 딕셔너리(dictionary) 타입이 가지는 모든 키 정보를 출력하는 방법에 대하여 알아봅니다.# Python 딕셔너리 가진 모든 키 출력하기간단한 예제를 하나 만들어보며 알아보죠. 우선 딕셔너리 타입의 변수를 하나 선언합니다.<div class=
View :
2076
/
2020-11-20
game
[고전 오락실 게임] 원더보이 몬스터랜드
고전 오락실 게임에서 빼놓을 수 없는 바로 그 게임! 원더보이 몬스터랜드! 이름은 잘 모르더라도 게임 화면을 보시면 아! 라고 말하게 될 바로 그 게임입니다. 이 고전 게임에 대하여 알아보려고 합니다.# 원더보이 몬스터랜드생각해보면 오락실에서 그 당시 매우 인기가 많았던 게임으로 오락실에서 흔히 만날 수 있는 장르인 슈팅, 액션, 대전 등의 장르가 아니라 
View :
3149
/
2020-11-20
app
[앱리뷰 및 소개] 한자필기인식사전
최근 한자 공부를 조금이나마 시작하고 있는데 도움이 되는 앱이 있어 알아보았습니다.# 한자사전앱 소개 - 한자필기인식사전모르는 한자를 찾기 위해서는? 예전 이야기를 빼놓을 수 없겠지요~ 집에 하나씩은 있던 한자 사전 옥편에서 한자의 획의 수를 기준으로 찾아야했습니다. 물론 이 방법도 여전히 필요하지만 이 앱을 사용하면 뜻, 음을 모르고 한자가 어
View :
1915
/
2020-11-20
linux
리눅스 find로 찾은 파일 삭제하는 방법
라눅스에서 파일을 찾을 때 find를 사용하여 찾을 수 있습니다. 그런데 찾은 파일 목록을 삭제하는 두 가지를 수행하는 방법을 알아봅니다.# 리눅스 find로 찾은 파일 삭제하는 방법우선 파일을 찾아야합니다 아래와 같이 find를 사용해 삭제할 파일을 찾아 출력합니다. 이때 문법은 아래와 같습니다find <해당경로> <찾을 조건 및 옵
View :
1500
/
2020-11-19
js
자바스크립트 contentEditable 엔터 입력시 div를 p 태그로 변경
자바스크립트의 태그에 contentEditable 어트리뷰트를 적용할 경우 해당 태그 내부에 텍스트 입력 또는 엘리먼트 추가 등등 다양한 조작이 가능합니다. 이때 만약 엘리먼트 안에서 엔터키를 입력할 경우 입력된 내용이 div 태그와 함께 추가되죠.# 엔터 키 입력시 di
View :
2098
/
2020-11-18
js
자바스크립트 커서 위치 및 선택 영역에 텍스트 및 엘리먼트 추가하기
자바스크립트를 사용하여 드래그했거나 커서가 있는 위치에 텍스트 및 DOM 엘리먼트를 추가하는 방법에 대하여 알아봅니다.# 커서 위치에 텍스트, 엘리먼트 추가만약 위지윅 에디터를 직접 만들어 구현한다고 생각해보겠습니다. div 등의 태그를 하나 만들고
View :
5248
/
2020-11-18
lodash
lodash startsWith() 메소드 알아보기
lodash 라이브러리 메소드 중 하나인 startsWith()에 대하여 알아봅니다.# lodash 메소드 startsWith() 알아보기이 함수는 문자열에 사용할 수 있으며 시작하는 문자가 조건과 동일한 경우 true를 아닌 경우 false를 반환하는 메소
View :
977
/
2020-11-17
game
[고전 오락실 리뷰] 스타디움 히어로! 야구 게임
과거 오락실 야구 게임 중 단연 1등!! 장르를 떠나 너무나 인기 많았던 게임인 스타디움 히어로(Stadium Hero)를 아시나요?오락실 인기 야구 게임, 스타디움 히어로<
View :
2374
/
2020-11-17
react
nextjs 스크립트 head에 추가하는 방법
Next.js를 사용하는 경우 head 영역에 스크립트 코드를 추가하려고 합니다. 어떻게 하면 되는지 간략하게 알아봅니다.# next.js head에 스크립트 추가하기아래는 nextjs 앱에서 analytics 등의 웹 트래킹 코드 추가가 필요하여 사용한 방법입니다. 이처럼 스크립트를 head에 추가한 이유는 하나의
View :
3138
/
2020-11-16
app
[앱 리뷰] GPS Status, 나침판 및 수평
얼마 전 올린 포스팅은 드럼 세탁기의 소음, 진동을 줄이기 위해서 수평을 맞추는 방법을 알아보았는데요 ~ 그 때 사용한 앱이 바로 GPS Status입니다. 아래는 이 앱에 대하여 간략하게 알아보려고 합니다.# 앱을 사용하여 나침반 및 수평 맞추기, GPS Status이 앱은 매우 잘 알려진 앱으로 핸드폰만 있으면 동서남북, 나침반 기능 이 외에도 여러가지 정보를
View :
1330
/
2020-11-16
life
드럼 세탁기 진동 소음이 심한 경우
만약 소음이나 진동이 크지 않던 우리 집 드럼세탁기가 갑자기 어느 순간부터 너무 심하게 요동치는 등 문제가 발생되는 경우 어떻게 대처해야만 할까요?# 드럼세탁기 진동 및 소음 문제일반 통돌이 형태의 세탁기와는 달리 드럼세탁기의 경우 여러가지 이유로 심한
View :
7669
/
2020-11-16
game
[고전게임] 오락실 게임~ 파이프라인
고전 게임 중 하나인 파이프라인을 소개하려고 합니다.예전 오락실에서 만날 수 있던 다양한 퍼즐게임 중 독특한 방식의 파이프라인이 있었습니다. 생각보다 고전이면서도 매우 유명한 게임입니다! 아래에서 자세히 알아볼께요.<s
View :
1069
/
2020-11-13
etc
크롬 브라우저 알림 설정 및 해제하기
요즘 일부 웹사이트는 브라우저의 알림 서비스 허용을 요청하기도 합니다. 가끔씩 원하지 않는 알림 설정이 되어 화면에 계속 노출될 수도 있겠죠. 이 경우 크롬브라우저에서 해당하는 알림을 삭제, 해제하려면 어떻게 하는지 알아봅니다.# 크롬브라우저 알림 설정 및 해제하기처음에는 무시했지만 어느 순간 화면 우측 하단에 브라우저 알림이 너무 많이 떠서 어쩔 수 없이 알림 설정을 해제
View :
1819
/
2020-11-13
life
여러가지 색이 이쁜 스칸디아모스
요즘은 습도 조절이 매우 관심이 높아져서 일까요? 주변에 자주 보이는 이쁜 식물이 있어 찾아보니 바로 스칸디아모스(Scandia Moss)더군요. 호기심에 어떤 것인지 알아보았습니다.# 스칸디아모스는?스칸디아모스를 찾아보면 특정 브랜드명입니다. 즉 <sp
View :
655
/
2020-11-13
First
Prev
1
2
3
4
5
6
7
...
Next
Last