전체보기
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
JQUERY
LINUX
PHP
DATABASE
LODASH
WEBDEVETC
Game
Life / Health
ETC
Search
JSON Pretty
Close
CATEGORIES
JSON Pretty
HTML
CSS
React
VueJS
Javascript
jQuery
Lodash
Python
Database
Linux
WEBDEVETC
Game
Life / Health
ETC
Search
Contact Us
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
lodash
lodsah trim() 함수 사용 방법 및 예제
lodash를 사용하여 문자열의 공백을 제거하는 방법 중 하나인 trim()의 사용 방법에 대하여 알아봅니다.# lodash trim() 메소드는?trim()은 문자열에 적용하는 메소드입니다. 일반적으로 trim() 함수의 경우 매우 자주 사용되죠. trim()
View :
111
/
2021-01-14
webdevetc
웹사이트에 카카오 공유하기 버튼 연동 및 개발 방법 알아보기
웹사이트에 카카오 공유하기 기능을 추가하는 방법을 알아보려고 합니다. 만약 카카오 공유하기 버튼을 만드려면 어떻게 해야할까요?# 카카오 공유하기 기능은?여러가지 SNS 플랫폼이 존재합니다. Facebook, Twitter 이 외에도 카카오 역시 많이 사용되
View :
130
/
2021-01-12
life
커피필터로 아메리카노 한 번 더 여과해 드립커피처럼 먹는 방법
때는 겨울이지만 커피는 사계절 떠날 수 없는 것 같습니다. 오늘은 커피 관련 이야기를 해보려고 합니다.현대 일상에서 커피는 떼려야 뗄 수 없는 존재 아닌가요? 하루의 일상을 시작하고 나른한 오후를 변화시키기 위해서 한 모금의 커피 한 잔을 청하기도 합니다. 매일 또 자주 마시는 커피 ~ 우리 몸에 장점과 단점이 있겠지요. 잘 알려진 항산화 기능이 대표적인 장점이라면 단점은 무엇일가요? 개인적으로 콜레스트롤이 가장 큰
View :
107
/
2021-01-06
js
[자바스크립트] 배열의 맨 앞에 추가하거나 삭제하기, shift, unshift
자바스크립의 배열에 값을 추가하는 방법은 여러가지가 있습니다. 만약 배열의 맨 앞에 값을 추가하거나 삭제하는 방법을 알아보려고 합니다.# 자바스크립트 배열의 맨 앞 또는 맨 뒤에 값을 추가하기자바스크립트의 배열에는 다양한 내장 함수가 존재하며 이 중에서 배열 맨 앞에 사용하는 함수가 존재합니다. 바로 <span data-c
View :
112
/
2021-01-06
react
React에서 string, 텍스트, 문자열로 html 코드를 추가하는 방법
React 앱에서 태그 요소에 텍스트나 문자열을 사용하여 html을 생성, 추가하는 방법을 알아보려고 합니다. 어떻게 하면 될까요?# React에서 html 텍스트를 추가하기자바스크립트는 DOM에 innerHTML을 사용할 수 있습니다. inner
View :
146
/
2020-12-30
js
자바스크립트 배열 값 순서 바꾸기, 변경하기
자바스크립트 배열이 여러 개의 값을 가지고 있을 때 만약 배열 값의 순서를 바꾸려면 어떻게 하는지 알아봅니다.# 자바스크립트 배열의 값 순서 바꾸기자바스크립트의 배열은 순서대로 정렬되어 저장됩니다. 즉 원하는 순서대로 배열 값을 위치시키는 것이 가능하다는 뜻입니다. 만약 기존의 배열 순서를 다른 순서로 변경해야
View :
328
/
2020-12-22
js
자바스크립트 Canvas에 백그라운드 배경을 추가하는 방법
자바스크립트를 사용하여 canvas(캔버스) 영역 전체에 원하는 배경색(백그라운드색)을 적용하려고 합니다. 어떻게하면 될지 방법을 알아봅니다.# 캔버스(Canvas)에 배경색 칠하기canvas에 배경색(전경색)을 어떻게 적용하면 될까요? 가장 많이 쓰이는 방법으로 캔버스와 동일한 크기의 원하는 색상의 사각형을
View :
199
/
2020-12-22
etc
포토샵으로 사진, 이미지에 불투명, 반투명 효과 적용하기
포토샵을 사용하여 사진이나 일러스트 작업물에 불투명(또는 반투명) 효과를 구현하고자 합니다. 어떻게 하면 되는지 아래에서 간단하게 알아봅니다.# 포토샵 불투명, 반투명 효과 만들기, gradient아래 예제는 최근 포스팅한 글에 사용한 실제 이미지 작업의 결과입니다.
View :
317
/
2020-12-20
react
antd Table 컴포넌트 체크박스 사용 방법 및 예제
antd 라이브러리의 Table 컴포넌트를 사용하면 리스트 형태의 데이터를 테이블로 출력할 수 있습니다. 만약 테이블에 체크박스를 사용하려면 어떻게 하는지 방법을 알아봅니다.추가로 체크박스를 사용하여 전체 선택 및 전체 해제 방법도 함께 알아봅니다.# antd Table 컴포넌트 체크박스 사용하기테이블에 체크박스를
View :
184
/
2020-12-18
app
디지털 빌딩 거래앱 카사 매수, 매도 거래 및 방법 정보
2020년 12월 18일 금일 빌딩거래 신규 플랫폼으로 알려진 카사가 드디어 첫 상장을 시작하였습니다. 상장은 금일 09시부터 시작되었으며 장 마감 시간은 17시까지입니다. 현재 시간 기준으로 약 1% ~ 2% 정도의 상승의 괜찮은 스타트를 보여주고 있네요. 앞으로가 더 기대됩니다.아래는 카사앱을 사용하여 빌딩 거래
View :
242
/
2020-12-18
game
[고전 오락실 게임] 퍼즐버블 게임, puzzle bobble
최근 오락실 고전 게임을 지속적으로 소개하고 있는데요 이번에 소개할 게임은 바로 퍼즐버블입니다.퍼즐버블은 매우 잘 알려진 버블보블(보글보글)의 IP를 활용한 퍼즐 타입의 게임입니다. 버블보글은 너무나 유명해서 달리 설명할 필요가 없을 정도로 다 아시는 국민게임이였죠!사진) 추
View :
503
/
2020-12-17
tech
구글 애드센스의 링크 타입 광고가 사라진다
구글은 애드센스의 광고 타입 중 하나인 링크 타입(Link ads)이 곧 중단 될 예정이라고 알렸습니다.! 링크 타입 광고는?애드센스는 다양한 광고 타입을 선택할 수 있으며 링크 타입, 이미지 타입, 검색 등의 광고가 존재합니다. 최근에는 반응형 광고 및 자동 광
View :
207
/
2020-12-17
etc
따듯한 겨울나기! 방한 귀마개 정보
겨울철이 다가오면 추위에 대한 걱정이 우선이죠. 어떻게 하면 올해를 더 따뜻하게 지낼 수 있을까? 이런 생각 한 번 쯤은 해보셨죠?! 따뜻한 겨울을 위한 용품은 무엇이 있을까?추춘 겨울을 따뜻하게 보내기 위해서 겨울옷만으로는 뭔가가 부족합니다. 바로 겨울 전용 용품들을 준비해야 할 시기가 온 것이죠!! 수 많은 용품들중 <span data-c
View :
226
/
2020-12-17
css
[CSS] box-shadow 효과를 아래 또는 위 한 방향만 적용하는 방법
CSS의 box-shadow 스타일 속성을 사용하여 그림자 효과를 만들어보려고 합니다. 또 아래, 위, 좌, 우 한 방향으로만 그림자 효과를 적용하는 방법도 함께 알아봅니다.# CSS 그림자 효과를 한 방향으로 만들기그림자 효과를 만들기 위해서는 아래와 같이 세 가지 방법을 생각할 수 있습니다.[ 하나 ] t
View :
427
/
2020-12-16
etc
윈도우 10 부팅 usb 만들기
윈도우(windows) 10을 설치하려면 윈도우 10 설치용 usb가 필요합니다. 요즘 나오는 pc는 윈도우 설치 제품과 미설치 제품(OS 미포함)으로 나뉘는데요 만약 미설치 제품인 경우 설치용 usb를 사용하여 윈도우 설치가 필요하죠.아래는 윈도우 10 설치를 위한 usb를 만든는 방법에 대하여 알아보려고 합니다.# 윈도우 10 설치 usb 만들기</sp
View :
342
/
2020-12-15
food
견과류 먹는 습관은 건강해지는 습관
요즘은 매일 견과류를 드시는 분들이 많은 것 같습니다. 견과류를 먹으면 왜 좋을까요?# 견과류를 먹으면 좋은 점참고로, 견과류는 딱딱한 껍
View :
136
/
2020-12-15
life
겨울철 정전기 어떻게 하면 벗어날 수 있을까
정전기 때문에 겨울이 무섭다고 생각하신 적이 있나요? 특히 겨울이 되면 더 심해지는 정전기... 정전기 때문에 쉽게 뭔가를 만지지 못한다면 이 글이 도움이 되었으면 좋겠습니다.# 겨울철 정전기정전기는 겨울에 특히 심하게 나타납니다. 또 사람마다 차이가
View :
204
/
2020-12-10
react
antd Input 태그에 focus 이벤트 사용하기
React 앱에서 antd의 Input 컴포넌트를 사용하고 있을 경우 만약 특정 시점에 Input 컴포넌트에 focus 되어 커서가 위치하게 하려고 합니다. 예를들어 검색 버튼을 클릭하는 경우 검색 Input 컴포넌트에 커서가 focus되어 타이핑이 바로 가능하도록 구현하려고 합니다. 어떻게 하면 될까요?먼저 실패한 케이스를 알아봅니다.
View :
205
/
2020-12-10
life
자전거에 자전거 다리를 장착하기
자전거 다리 또는 자전거 킥이라고도 불리는 이동 중 거치 장치를 장착하였습니다. 자전거 다리가 있는 경우와 없는 경우를 비교해봅니다.# 자전거 다리의 용도는?최근 나오는 자전거를 보니 요새는 자전거 다리가 아예 없는 상태에서 제품이 출시되는 경우도 많았습니다. 자전거 다리가 필요한 가장 큰 이유는 언제 어디서나
View :
167
/
2020-12-09
life
드럼 세탁기 주의할 점 및 오래 사용하는 방법
얼마 전 기존에 사용하던 드럼 세탁기가 소음이 점점 심해지더니 결국은 폐기하고 새로운 드럼세탁기를 구매하였습니다. 생각해보니 3-4년 정도 밖에 사용하지 못했는데 말이죠... 무엇이 문제였을까요? 왜 오래 사용하지 못했을까요? 아래에서 알아봅니다.# 드럼 세탁기를 더 오래 사용하기 위해서...드럼 세탁기 사용시 주의할 점을 알고
View :
384
/
2020-12-08
js
[자바스크립트] 원하는 파일명으로 다운로드 받는 방법
웹페이지에서 문서나 이미지 등을 다운 받는 기능을 구현하려고 합니다. 이 경우 만약 파일이름과 다른 특정 이름으로 다운로드 받게 하려면 어떻게 하면 될까요?# 원하는 파일명으로 다운로드 받기다운로드 기능을 구현할 경우 일반적으로 a 태그를 임의로 만들고 이 태그의 클릭 메소드를 실행시키는 방법이 많이 사용됩니다. 이때
View :
318
/
2020-12-07
etc
[주식] 미수 그리고 미수동결과 해제 정보
주식 거래를 하다보면 현금 거래와 별도로 미수 거래를 할 수 있습니다. 아래는 미수가 무엇이고 미수 사용에 따른 미수동결과 해제 방법 등을 알아보겠습니다.# 주식거래시 미수란?미수는 일
View :
490
/
2020-12-07
game
[고전 오락실 게임] 알카노이드, arkanoid
오늘 소개 할 게임은 고전 게임의 역사 중 빼놓을 수 없는 게임입니다. 바로 알카노이드(arkanoid) 게임을 소개합니다.# 알카노이드 arkanoid 게임예전 오락실에 등장한 알카노이드는 굉장히 큰 인기를 끌었던 게임입니다. 일명 벽돌깨기
View :
193
/
2020-12-07
webdevetc
VSC Visual Studio Code 다운로드 받기
개발자가 사용하는 웹개발 에디터 중 무료이면서 매우 다양한 기능을 제공하는 VSC(Visual Studio Code)에 대하여 간략히 알아보고 다운로드 방법도 알아봅니다.# Visual Studio Code는?Visual Studio Code는 Microsoft에서 무료로 제공되는 개발 툴로 무료 제공되는 툴 중에서도 가장 많이 사용될 만큼 매우 잘 알
View :
352
/
2020-12-06
linux
리눅스 sh 파일 실행시 bad interpreter 에러 해결하기
리눅스에서 만약 아래와 같은 에러가 발생할 수 있습니다./bin/bash^M: bad interpreter: No such file or directory이 경우 어떻게 해결할 수 있을까요? 아래에서 알아봅니다.기존에는 sh를 생성 후 권한 부여 및 실행 파일 변경 후 잘 동작하였는데 리눅스 업데이트 이 후 갑자기 동작하지 않는 문제가 발생했습니다. 해결 방법을 찾아보니 리눅스와 윈도우즈 문자 사용에 따른 차이 문제였습니다. 윈도우즈의 CR 문자가 리눅스
View :
134
/
2020-12-05
food
[음식정보] 사케동, 연어덮밥
일본의 잘 알려진 음식 중 하나인 사케동에 대하여 간략하게 알아봅니다.! 사케동은?사케동은 일본의 돈부리(덮밥) 음식 중 하나로 밥 위에 사케 즉, 연어를 동(돈부리)에 올린 음식입니다.사진) 일본식 덮밥 사케
View :
133
/
2020-12-05
css
[css] 스타일속성 gap을 flex에서 사용하기
CSS 스타일 속성 gap에 대하여 알아보려고 합니다.# css gap 스타일 속성gap은 내부의 children 요소들이 일정한 간격으로 떨어져 위치할 수 있도록 사용하는 스타일 속성입니다.
View :
265
/
2020-12-05
life
위내시경 검사 전 금식, 물은 마셔도 될까?
건강검진시 위내시경을 받는 경우 검진 시간에 따라 전 날 오후 9시 이 후 부터 또는 당일부터 금식을 하도록 합니다. 그렇다면 물은 마셔도 괜찮은걸까요?<p class="text text--center"
View :
665
/
2020-12-04
etc
[투자정보] 부동산을 주식처럼 거래하고 투자하는 카사 앱
여유 자금을 어디에 투자하는게 좋을지 많은 사람들이 공통된 고민을 가지고 있습니다. 돈은 가만히 두는 것보다 은행에 예금을 하거나 부동산을 사는 등 투자도 필요할 것입니다.# 5000원이면 누구나 건물주가 된다. 카사믿기지 않지만 5000원이면 건물에 투자하고 임대수익과 차익을 실현할 수 있는 서비스가 최근에 나왔습니다. 바로 카사라는 서비스입니다.<img src="/static/uploads/2020/497
View :
200
/
2020-12-03
webdevetc
웹페이지에 유투브(Youtube) 영상 추가하는 방법, iframe
홈페이지등의 웹페이지에 유튜브 영상(YouTube)을 추가하는 방법을 알아보려고 합니다.# YouTube(유튜브) 영상 웹페이지 추가, 사용하기먼저 유튜브 영상을 추가하는 이유는 무엇일까요? 유튜브 콘텐츠를 웹페이지에 보여주기 위한 목적이 있을 수 있고 웹에서 백그라운드 배경을 이미지가 아닌 동영상으로 사용하기 위한 목적
View :
310
/
2020-12-03
First
1
2
3
4
5
6
7
...
Next
Last