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

---

인기순

• react [React] setState 비동기식 async 사용하는 방법 React의 state 상태 관리를 변경하기 위해서 setState를 사용할 수 있습니다. 이때 비동기, async로 setState를 호출하려면 어떻게 해야 하는지 알아봅니다.# 비동기로 setState() 호출하기, async먼저 비동기 setState()<

  View : 2088 / 2020-08-28
  
• react nextjs 페이지 이동하는 방법 및 예제, router React 프레임워크 nextjs에서 페이지 이동하는 다양한 방법과 예제를 알아봅니다.# nextjs 페이지 이동하는 방법nextjs에는 SSR(Server Side Rendering)을 목적으로 많이 사용되므로 링크 이동시 두 가지 방법이 사용됩니다.state 변경의 비동기 이동 방식</l

  View : 1281 / 2020-08-28
• linux [Linux] pam_tally2 로그인 횟수 계정 잠금 설정 리눅스(linux) 서버에 외부로 부터 접속을 반복해서 수행하는 누군가가 있다고 생각해봅니다. 로그인 시도가 계속해서 틀리는 경우 만약에 해커라면? 이런 경우를 대비하여 어떻게 해야 할까요?# 리눅스 최대 로그인 횟수 설정하기, pam_tally2무한정으로 로그인 시도를 할 수 있다면? 언젠가는 보안이 풀릴

  View : 1835 / 2020-08-27
• react [React] 리액트 요소 검증하기, isValidElement React 앱에서 제공하는 API 중 리액트 요소를 검증하는 isValidElement() API에 대하여 알아봅니다.! React API isValidElement()리액트 엘리먼트를 검증하고 확인하기 위해서 다음의 API를 사용할 수 있습니다.React.isValidElement(targe

  View : 531 / 2020-08-26
• react React antd 라이브러리 Datepicker 컴포넌트 React UI 라이브러리 antd에서 날짜 및 시간을 입력할 수 있는 컴포넌트 <DatePicker />에 대하여 알아봅니다.<DatePicker /><DatePicker />는 방문자로부터 날짜와 시간을 입력 받을 수 있는 antd의 컴포넌트입니다. 날짜를 입력 받을 경우 텍스트로 입력 받을 수도 있지만 사용자 입장에서는

  View : 1314 / 2020-08-25
• seo [SEO] 검색엔진 최적화를 위한 head 영역 meta 태그 설정하기 검색엔진 최적화 중 가장 중요한 부분은 무엇일까요? 생각해보면 여러가지가 있습니다. 그 중에서 가장 먼저 떠오르는 것은 사이트맵(Sitemap) 그리고 메타 태그 정보(Meta)입니다.# SEO를 위한 메타 태그

  View : 912 / 2020-08-25
  
• python [Python] 임의의 숫자 만들기, random Python에서 임의의 수(난수), random number를 얻으려고 합니다. 어떻게 하면 될까요? 아래에서 자세히 알아봅니다.# Python 임의의 수 생성하기, random파이썬에서 임의의 수를 생성하기 위해 random 모듈을 사용할 수 있습니다.<span data-custom-style="ct

  View : 1253 / 2020-08-24
  
• webdevetc 개발자에게 맥북, Mac 장비가 필요할까? 요즘 많은 회사들 ... 특히 스타트업, 신생 기업일 수록 개발 장비로 맥북 지급을 크게 내세우는 경우가 많습니다. 그렇다면 개발자에게 Mac이 반드시 필요한 걸까요? 맥을 사용해야만 생산성이 늘어날까요?물론 장비의 선택은 매우 중요하고 생산성에도 큰 영향을 줄 수 있습니다. 다만 Mac이 아닌 다른 것도 될 수 있으므로...!

  View : 2793 / 2020-08-24
  
• webdevetc 윈도우 파일 탐색기 파일 확장자 보기 윈도우의 파일 탐색기에서 파일의 확장자를 보는 방법을 알아보겠습니다.# 윈도우 파일 탐색기에서 파일 확장자 보여주기윈도우즈의 파일 탐색기를 열면 저장된 파일과 경로가 나타납니다. 이때 파일의 경우 확장자를 제외 한 파일명만 보일 수 있습니다. 자주 사용되는 파일 확장자의 경우 아이콘으로 나타나기도 하지만 그 외의 경우에는 파일의 확장자를 확인하기가 어

  View : 582 / 2020-08-24
  
• webdevetc apt 설치된 패키지 모듈 확인하거나 찾기 apt 또는 apt-get을 사용하여 설치된 패키지를 확인하는 방법을 알아봅니다. 예를들어 현재 mongodb가 설치되었는지 어떻게 알 수 있을까요?# apt 설치된 패키지 리스트 알아내기만약 어떤 패키지가 apt을 통해 설치되었는지 확인하려면 아래의 명령어를 사용할 수 있습니다.apt list --installaed이 명

  View : 799 / 2020-08-23
• webdevetc 브라우저 에러 net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) 해결하기 브라우저에서 아래와 같은 에러가 발생할 수 있습니다. 아래 에러는 크롬 브라우저의 콘솔에 출력되는 에러 메시지입니다.net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)위와 같은 문제의 원인은 무엇이고 언제 그리고 어떻게 해결하였는지 알아보겠습니다.# 언제 CONTENT_LENGTH_MISMATCH 200 에러가 발생?서

  View : 2895 / 2020-08-23
• python [Python] MongoDB 커서를 파이썬 리스트로 바꾸는 방법 Python 앱에서 MongoDB를 사용하는 경우 불러온 커서 객체를 리스트 타입(배열)으로 변경하는 방법을 알아봅니다.! MongoDB 커서 리스트로 바꾸기먼저 리스트 타입으로 변경하는 이유는 무엇일까요? MongoDB의 레코드를 find() 등을 사용하여 여러 개로 불러오면 커서 객체가 반환됩니다. 그런데 이 값을 파이썬에서 변경하거나 json 등의 형태로 반환하기 위해서 리스트로 타입 변경을 하게 됩니다.<

  View : 633 / 2020-08-22
• linux 리눅스 ssh 포트 변경하기 리눅스(Linux)의 ssh 접속시 포트를 변경하는 방법을 알아봅니다.! 포트를 변경하는 이유는?사용하기 편리함의 목적보다도 보안상의 이유가 크다고 할 수 있습니다. 즉 외부에서 ssh로 서버에 접속 가능한 계정 정보가 혹시 노출되더라도 <span data

  View : 1830 / 2020-08-21
  
• react [React] antd 라이브러리 Button 컴포넌트 알아보기 최근 react에 사용하는 antd UI 라이브러리 업데이트를 계속해서 포스트중입니다. 오늘 내용은 antd의 Button 컴포넌트에 대하여 알아봅니다.# antd Button 컴포넌트react 앱에서 버튼의 기능과 화면 구현을 목적으로 antd의 <span data-custom-style="ct

  View : 861 / 2020-08-21
• tech Internet Explorer, IE가 사라진다 너무나 오랜 기간 웹브라우저로서 명맥을 이어오던 Microsoft의 Internet Explorer(인터넷익스플로러, IE)가 곧 서비스를 중단할 것으로 알려졌습니다. IE를 지원하던 MicroSoft의 다양한 소프트웨어에서 더 이상 지원<a href="<a href=" "="" target="_

  View : 780 / 2020-08-20
  
• db [mongodb] 몽고db mongodump 그리고 mongorestore 사용하는 방법 MongoDB의 데이터베이스를 백업이나 마이그레이션을 위해 사용하는 방법으로 몽고DB 툴인 mongoexport와 mongoimport를 사용할 수 있습니다. 그리고 오늘 알아볼 <span data-custom-style="ct0

  View : 1399 / 2020-08-20
  
• react [react] antd 라이브러리 Input 컴포넌트 React UI 라이브러리 antd의 컴포넌트 중 하나인 Input에 대하여 알아봅니다.<Input />antd의 Input 컴포넌트는 html의 input 엘리먼트처럼 사용자의 입

  View : 1655 / 2020-08-19
  
• python python zip 내장함수 정보 및 예제 Python의 내장함수인 zip()에 대하여 알아봅니다.zip(data1, data2, ...)Python의 zip()의 간단한 문법은 위와 같습니다. 여러 개의 리스트나 튜플 타입을 합쳐 새로운 튜플(tuple) 타입으로 반환해줍니다. 이렇게 zip()을 사용하면 연결된 새로운 데이

  View : 824 / 2020-08-19
• python Python앱에서 네이버 서치 어드바이저 sitemap 등록시 에러나는 경우 얼마 전 올린 포스팅은 Python 앱에서 sitemap을 생성하여 검색엔진의 사이트맵에 등록하는 것이었습니다.관련 링크 >https://webisfree.com/2020-08-17/python에서-xml-사이트맵-페이지-만들기그런데 구글 웹마스터와 달리 네이버 서

  View : 420 / 2020-08-18
• linux [Linux] 사용중인 프로세서 상태 보여주기, top 명령어 리눅스 서버의 효과적인 성능과 문제 해결을 위해 어떤 프로세스, 서비스가 구동되고 어느 정도의 리소스를 사용하고 있는지 파악하는 것이 중요합니다. 아래는 리눅스에서 현재 사용중인 프로세스를 보여주는 명령어 top에 대하여 알아봅니다.# 리눅스 top 명령어 알아보기리눅스의 <span data-custom-style=

  View : 524 / 2020-08-17
  
• python Python에서 xml 사이트맵 페이지 만들기 Python에서 검색엔진최적화의 가장 중요한 하나로 sitemap을 빼놓을 수 없습니다. 검색엔진의 크롤링이 sitemap을 기반으로 동작하기 때문입니다.아래는 Python 앱을 사용하는 경우 jinja2를 사용한 템플릿의 sitemap.xml 페이지를 만들어보려고합니다. 아래에서는

  View : 646 / 2020-08-17
  
• webdevetc 리눅스의 python 환경에서 systemd를 사용하여 uwsgi가 동작할 때 not found error 문제 Python 앱을 사용하기 위해서 아래와 같은 환경을 구축하였습니다.- uwsgi 미들웨어- nginx 서버systemd에 새로운 프로세스를 추가하여 uwsgi를 실행하도록 코드를 작성하였는데 uwsgi를 호출할 때 uwsgi를 찾을 수 없는 에러가 발생하는 경우 어떻게 해결할 수 있는지 알아봅니다. # systemd 프

  View : 326 / 2020-08-15
• linux [linux] 사용중인 process 중지, kill하는 방법 리눅스에서 현재 사용중인 process(프로세스)를 중지(kill)하는 방법에 대하여 알아봅니다.# 리눅스 process 중지, kill리눅스에 여러개의 프로세스가 사용중인 경우 계속해서 cpu와 메모리를 사용하고 있게됩니다. 불필요한 리소스 낭비를 위하거나 다시 프로세스를 사용하기 위해서 기존 프로세

  View : 3677 / 2020-08-13
  
• webdevetc [Linux] cpu의 core 개수 확인하는 방법 리눅스(linux) 환경의 서버를 구동하는 경우 현재 머신의 cpu core 수를 확인하는 방법을 알아봅니다.서버의 안정적인 구동을 위해서 하드웨어 사양 역시 중요합니다. 메모리 그리고 특히 cpu가 중요한데요 ~ 만약 cpu의 코어 수 쓰레드를 확인하려면 어떻게 알 수 있을까요?! 리눅스 명령어 cat /proc/cpuinfo이 때 많이 사용

  View : 3632 / 2020-08-11
• db MySQL 버전 확인하는 방법 현재 사용중인 mysql의 버전을 확인하는 방법을 알아봅니다.mysql이 설치된 경우 -V 옵션을 사용하여 실행하면 현재 버전을 출렫해줍니다.mysql -V출력 메시지는 아래와 같이 현재 사용중인 mysql 버전이 출력됩니다.mysql Ver 15.1 Distrib 10.0.38-MariaDB, for debian-linux-gnu (x86_64) usi

  View : 479 / 2020-08-11
• python Python 파일 존재 여부 확인하기, isfile Python(파이썬)에서 파일이 있는지의 존재 여부를 확인하는 방법입니다.# Python 파일 존재 확인하기파일을 삭제하거나 읽기 전에 파일의 유무를 확인해야겠죠. 없는 파일을 조작하면 에러가 발생할 수 있

  View : 2629 / 2020-08-08
  
• python python 파일의 확장자와 이름을 따로 얻기, splitext() python(파이썬)에서 파일 이름의 확장자를 따로 얻는 방법을 알아보려고합니다.# Pythin에서 파일 이름, 확장자 따로 구분하여 얻기확장자(file extension)만 따로 얻기 위해서 정규표현식</s

  View : 4249 / 2020-08-08
  
• python Python flask에서 커스텀 에러 페이지 만들기, 404 Python flask를 사용한 앱을 만들 경우 페이지가 없는 404 에러 발생시 커스텀 에러 404 페이지를 만들어 보여주는 방법을 알아봅니다.# Python flask 404 페이지404는 페이지가 없다는 것을 의미합니다. 웹서버의 경우 페이지가 없을 때 기본으로 보여주는 에러 메시지가 있지만 만약 <span data-cus

  View : 756 / 2020-08-08
  
• css [CSS] position sticky를 사용 할 때 top이 아닌 bottom, 아래에 위치하는 방법 CSS의 스타일 속성 position 값 중에는 sticky 값을 선택할 수 있습니다. sticky를 사용하면 항상 화면에 고정되어 보여줄 수 있으면서도 동시에 다른 요소들에 영향을 받는 fixed, relative 두 개의 효과를 모두 가질 수 있죠.이런 특징 때문에 별도의 콘텐츠 영역, 사이드바 영역에 많이 사용됩니다. 이 때 만약 sticky 요소를 페이지 상단이 아닌 하단에 보

  View : 1160 / 2020-08-08
• js 자바스크립트 엘리먼트 앞 또는 뒤에 요소 이동하기, append(), appendChild(), prepend(), insertBefore() 자바스크립트를 사용하여 요소를 이동시키는 방법에 대하여 알아보려고 합니다.# 자바스크립트를 사용하여 엘리먼트 요소 이동 시키는 방법자바스크립트는 원하는 요소를 이동하기 위해서 아래와 같은 네 가지 함수를 가지고 있습니다.append(), appendChild()prepend()insertBefore()모두

  View : 4407 / 2020-08-07