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

---

인기순

• react antd Input 태그에 focus 이벤트 사용하기 React 앱에서 antd의 Input 컴포넌트를 사용하고 있을 경우 만약 특정 시점에 Input 컴포넌트에 focus 되어 커서가 위치하게 하려고 합니다. 예를들어 검색 버튼을 클릭하는 경우 검색 Input 컴포넌트에 커서가 focus되어 타이핑이 바로 가능하도록 구현하려고 합니다. 어떻게 하면 될까요?먼저 실패한 케이스를 알아봅니다.

  View : 2617 / 2020-12-10
  
• life 자전거에 자전거 다리를 장착하기 자전거 다리 또는 자전거 킥이라고도 불리는 이동 중 거치 장치를 장착하였습니다. 자전거 다리가 있는 경우와 없는 경우를 비교해봅니다.# 자전거 다리의 용도는?최근 나오는 자전거를 보니 요새는 자전거 다리가 아예 없는 상태에서 제품이 출시되는 경우도 많았습니다. 자전거 다리가 필요한 가장 큰 이유는 언제 어디서나

  View : 576 / 2020-12-09
  
• life 드럼 세탁기 주의할 점 및 오래 사용하는 방법 얼마 전 기존에 사용하던 드럼 세탁기가 소음이 점점 심해지더니 결국은 폐기하고 새로운 드럼세탁기를 구매하였습니다. 생각해보니 3-4년 정도 밖에 사용하지 못했는데 말이죠... 무엇이 문제였을까요? 왜 오래 사용하지 못했을까요? 아래에서 알아봅니다.# 드럼 세탁기를 더 오래 사용하기 위해서...드럼 세탁기 사용시 주의할 점을 알고

  View : 1603 / 2020-12-08
  
• js [자바스크립트] 원하는 파일명으로 다운로드 받는 방법 웹페이지에서 문서나 이미지 등을 다운 받는 기능을 구현하려고 합니다. 이 경우 만약 파일이름과 다른 특정 이름으로 다운로드 받게 하려면 어떻게 하면 될까요?# 원하는 파일명으로 다운로드 받기다운로드 기능을 구현할 경우 일반적으로 a 태그를 임의로 만들고 이 태그의 클릭 메소드를 실행시키는 방법이 많이 사용됩니다. 이때

  View : 3801 / 2020-12-07
  
• etc [주식] 미수 그리고 미수동결과 해제 정보 주식 거래를 하다보면 현금 거래와 별도로 미수 거래를 할 수 있습니다. 아래는 미수가 무엇이고 미수 사용에 따른 미수동결과 해제 방법 등을 알아보겠습니다.# 주식거래시 미수란?미수는 일

  View : 2761 / 2020-12-07
  
• game [고전 오락실 게임] 알카노이드, arkanoid 오늘 소개 할 게임은 고전 게임의 역사 중 빼놓을 수 없는 게임입니다. 바로 알카노이드(arkanoid) 게임을 소개합니다.# 알카노이드 arkanoid 게임예전 오락실에 등장한 알카노이드는 굉장히 큰 인기를 끌었던 게임입니다. 일명 벽돌깨기

  View : 936 / 2020-12-07
  
• webdevetc VSC Visual Studio Code 다운로드 받기 개발자가 사용하는 웹개발 에디터 중 무료이면서 매우 다양한 기능을 제공하는 VSC(Visual Studio Code)에 대하여 간략히 알아보고 다운로드 방법도 알아봅니다.# Visual Studio Code는?Visual Studio Code는 Microsoft에서 무료로 제공되는 개발 툴로 무료 제공되는 툴 중에서도  가장 많이 사용될 만큼 매우 잘 알

  View : 1840 / 2020-12-06
  
• linux 리눅스 sh 파일 실행시 bad interpreter 에러 해결하기 리눅스에서 만약 아래와 같은 에러가 발생할 수 있습니다./bin/bash^M: bad interpreter: No such file or directory이 경우 어떻게 해결할 수 있을까요? 아래에서 알아봅니다.기존에는 sh를 생성 후 권한 부여 및 실행 파일 변경 후 잘 동작하였는데 리눅스 업데이트 이 후 갑자기 동작하지 않는 문제가 발생했습니다. 해결 방법을 찾아보니 리눅스와 윈도우즈 문자 사용에 따른 차이 문제였습니다. 윈도우즈의 CR 문자가 리눅스

  View : 844 / 2020-12-05
• food [음식정보] 사케동, 연어덮밥 일본의 잘 알려진 음식 중 하나인 사케동에 대하여 간략하게 알아봅니다.! 사케동은?사케동은 일본의 돈부리(덮밥) 음식 중 하나로 밥 위에 사케 즉, 연어를 동(돈부리)에 올린 음식입니다.사진) 일본식 덮밥 사케

  View : 502 / 2020-12-05
  
• css [css] 스타일속성 gap을 flex에서 사용하기 CSS 스타일 속성 gap에 대하여 알아보려고 합니다.# css gap 스타일 속성gap은 내부의 children 요소들이 일정한 간격으로 떨어져 위치할 수 있도록 사용하는 스타일 속성입니다.

  View : 6870 / 2020-12-05
  
• life 위내시경 검사 전 금식, 물은 마셔도 될까? 건강검진시 위내시경을 받는 경우 검진 시간에 따라 전 날 오후 9시 이 후 부터 또는 당일부터 금식을 하도록 합니다. 그렇다면 물은 마셔도 괜찮은걸까요?<p class="text text--center"

  View : 3621 / 2020-12-04
  
• etc [투자정보] 부동산을 주식처럼 거래하고 투자하는 카사 앱 여유 자금을 어디에 투자하는게 좋을지 많은 사람들이 공통된 고민을 가지고 있습니다. 돈은 가만히 두는 것보다 은행에 예금을 하거나 부동산을 사는 등 투자도 필요할 것입니다.# 5000원이면 누구나 건물주가 된다. 카사믿기지 않지만 5000원이면 건물에 투자하고 임대수익과 차익을 실현할 수 있는 서비스가 최근에 나왔습니다. 바로 카사라는 서비스입니다.<img src="/static/uploads/2020/497

  View : 725 / 2020-12-03
  
• webdevetc 웹페이지에 유투브(Youtube) 영상 추가하는 방법, iframe 홈페이지등의 웹페이지에 유튜브 영상(YouTube)을 추가하는 방법을 알아보려고 합니다.# YouTube(유튜브) 영상 웹페이지 추가, 사용하기먼저 유튜브 영상을 추가하는 이유는 무엇일까요? 유튜브 콘텐츠를 웹페이지에 보여주기 위한 목적이 있을 수 있고 웹에서 백그라운드 배경을 이미지가 아닌 동영상으로 사용하기 위한 목적

  View : 2959 / 2020-12-03
  
• game [고전 오락실 게임] Tube It 퍼즐 게임 얼마 전 부터 계속하여 작성 중인 고전 오락실 게임 리뷰! 오늘은 퍼즐 게임인 Tube It이라는 게임에 대하여 소개해보려고 합니다.스크린샷) 위에서 내려오는 파이프의 방향을 맞추어 연결하자<b

  View : 527 / 2020-12-02
  
• life 현금서비스(단기 카드 대출) 이자 계산기 급하게 돈이 필요한 경우에 편리하고 빠르게 사용할 수 있는 금융 서비스 중 하나가 단기 카드 대출, 현금 서비스가 아닐까요? 하지만 현금 서비스는 다른 대출 서비스와 비교하면 이자율이 상대적으로 높고 연체될 경우 연체 이자 및 신용 등급에도 악영향을 줄 수 있기 때문에 주의가 필요하겠죠.# 단기 카드 대출, 현금 서

  View : 7061 / 2020-11-30
  
• react react 함수형 컴포넌트 useEffect 훅 사용방법 및 예제 react 앱의 함수형 컴포넌트에서 useEffect()를 사용하는 방법에 대하여 알아봅니다.# 함수형 컴포넌트 useEffect hook리액트 컴포넌트 타입 중 함수형 컴포넌트는 클래스 컴포넌트와 달리 componentDidMount 등의 라이프사이클 함

  View : 1383 / 2020-11-30
  
• react react 검색창에 debounce 적용하는 방법 React 앱에서 검색어를 입력시 debouce를 적용하는 방법에 대하여 알아보려고 합니다.# React 앱에서 debouce 적용하는 방법검색 등의 여러 번 이벤트가 계속해서 반복하는 경우 debounce를 적용하여 여러 번 호출 될 경우 일정 시간에 발생한 횟수에 상관없이 한 번만 호출되도록 제한을 걸어두어

  View : 1957 / 2020-11-26
  
• vuejs VueJS CSS 스타일의 모듈화 사용하기 VueJS에서 style을 선언하는 방법 중 아래처럼 컴포넌트에 css style을 모듈화하여 사용하는 방법이 가능합니다. 이와 같은 방법은 앱 전체보다는 특정 기능의 컴포넌트 작성시 디펜던시를 최소화하는 장점이 있습니다. 그럼 아래의 코드를 먼저 봐주세요.# vueJS 스타일 모듈화 적용하기아래 코드는 vue 컴포넌트에 사용된 style 요소로 <s

  View : 793 / 2020-11-26
• lodash lodash 컬렉션에서 일치하는 문자 여부 찾기 lodash를 사용하여 특정 텍스트가 컬렉션에 포함되어 있는지를 확인하는 방법으로 includes()를 사용할 수 있습니다. 아래에서 자세히 알아봅니다.# lodash includes() 알아보기lodash 함수 <span data-custom-style="ct

  View : 859 / 2020-11-25
  
• life 수중식물 마리모 키우기 새로운 반려 식물이 생기면서 취미도 하나 늘어났습니다. 바로 수생식물인 마리모 가꾸기이죠. 아래는 마리모에 대하여 간략하게 알아보려고 합니다.# 수생식물 마리모 키우기요즘 마리모를 키우는 분들이 부쩍 많아진 것 같습니다. 아마도 마리모는 키우기도 쉽고 요새는 판매처도 많아 쉽게 구하고

  View : 604 / 2020-11-25
  
• linux 리눅스 systemctl에 새로운 service 설정 방법 리눅스에서 새로운 service를 추가하여 웹서버의 앱을 구동할 수 있습니다. 예를들어 아래 코드는 uwsgi를 사용하여 python 앱을 서버에 구동하는 코드인데요 ~ 이와 같이 새로운 서비스(Service)를 사용하는 경우 설정하는 방법과 주의할 몇 가지를 알아봅니다.! 새로운 service 등록과 설정방법먼저 코드를 살펴보도록 하

  View : 1976 / 2020-11-24
  
• food 새로나온 과자 옥수수깡을 맛보다 새로운 스낵이 출시되었군요 !! 얼마 전 광고를 보고 마트에 사면 꼭 사야겠다고 생각한 과자를 오늘 드디어 구매하였습니다. 이름은 옥수수깡!새로나온 스낵~ 옥수수깡!개인적으로 새로운 과자는 꼭 먹어봅니다. 물론 익

  View : 694 / 2020-11-21
  
• python python 딕셔너리 타입의 모든 키 출력하기 Python에서 딕셔너리(dictionary) 타입이 가지는 모든 키 정보를 출력하는 방법에 대하여 알아봅니다.# Python 딕셔너리 가진 모든 키 출력하기간단한 예제를 하나 만들어보며 알아보죠. 우선 딕셔너리 타입의 변수를 하나 선언합니다.<div class=

  View : 1348 / 2020-11-20
  
• game [고전 오락실 게임] 원더보이 몬스터랜드 고전 오락실 게임에서 빼놓을 수 없는 바로 그 게임! 원더보이 몬스터랜드! 이름은 잘 모르더라도 게임 화면을 보시면 아! 라고 말하게 될 바로 그 게임입니다. 이 고전 게임에 대하여 알아보려고 합니다.# 원더보이 몬스터랜드생각해보면 오락실에서 그 당시 매우 인기가 많았던 게임으로 오락실에서 흔히 만날 수 있는 장르인 슈팅, 액션, 대전 등의 장르가 아니라&nbsp

  View : 2489 / 2020-11-20
  
• app [앱리뷰 및 소개] 한자필기인식사전 최근 한자 공부를 조금이나마 시작하고 있는데 도움이 되는 앱이 있어 알아보았습니다.# 한자사전앱 소개 - 한자필기인식사전모르는 한자를 찾기 위해서는? 예전 이야기를 빼놓을 수 없겠지요~ 집에 하나씩은 있던 한자 사전 옥편에서 한자의 획의 수를 기준으로 찾아야했습니다. 물론 이 방법도 여전히 필요하지만 이 앱을 사용하면 뜻, 음을 모르고 한자가 어

  View : 1439 / 2020-11-20
  
• linux 리눅스 find로 찾은 파일 삭제하는 방법 라눅스에서 파일을 찾을 때 find를 사용하여 찾을 수 있습니다. 그런데 찾은 파일 목록을 삭제하는 두 가지를 수행하는 방법을 알아봅니다.# 리눅스 find로 찾은 파일 삭제하는 방법우선 파일을 찾아야합니다  아래와 같이 find를 사용해 삭제할 파일을 찾아 출력합니다. 이때 문법은 아래와 같습니다find <해당경로> <찾을 조건 및 옵

  View : 769 / 2020-11-19
• js 자바스크립트 contentEditable 엔터 입력시 div를 p 태그로 변경 자바스크립트의 태그에 contentEditable 어트리뷰트를 적용할 경우 해당 태그 내부에 텍스트 입력 또는 엘리먼트 추가 등등 다양한 조작이 가능합니다. 이때 만약 엘리먼트 안에서 엔터키를 입력할 경우 입력된 내용이 div 태그와 함께 추가되죠.# 엔터 키 입력시 di

  View : 1365 / 2020-11-18
  
• js 자바스크립트 커서 위치 및 선택 영역에 텍스트 및 엘리먼트 추가하기 자바스크립트를 사용하여 드래그했거나 커서가 있는 위치에 텍스트 및 DOM 엘리먼트를 추가하는 방법에 대하여 알아봅니다.# 커서 위치에 텍스트, 엘리먼트 추가만약 위지윅 에디터를 직접 만들어 구현한다고 생각해보겠습니다.  div 등의 태그를 하나 만들고

  View : 3221 / 2020-11-18
  
• lodash lodash startsWith() 메소드 알아보기 lodash 라이브러리 메소드 중 하나인 startsWith()에 대하여 알아봅니다.# lodash 메소드 startsWith() 알아보기이 함수는 문자열에 사용할 수 있으며 시작하는 문자가 조건과 동일한 경우 true를 아닌 경우 false를 반환하는 메소

  View : 605 / 2020-11-17
  
• game [고전 오락실 리뷰] 스타디움 히어로! 야구 게임 과거 오락실 야구 게임 중 단연 1등!! 장르를 떠나 너무나 인기 많았던 게임인 스타디움 히어로(Stadium Hero)를 아시나요?오락실 인기 야구 게임, 스타디움 히어로<

  View : 1743 / 2020-11-17