함께 나누는 웹개발 커뮤니티 블로그. webisfree.com

linuxLinux에서 cron을 사용하는 방법, 작업 스케쥴 등록하기 리눅스 환경의 웹서버를 구동하는 경우 cron을 사용하여 특정 작업(Task)을 원하는 시간 등에 자동으로 구동 시킬 수 있습니다. 아래에서 자세히 알아봅니다.# Linux cron을 사용하기언제 cron을 사용할까요? 아래와 같은 경우 많이 사용됩니다.정해진 시간에 반복 수행되는 작업 단위를 수행할 때...<

View : 6 / Created : 2020-07-02

linux리눅스 오늘 날짜의 파일 생성하는 방법 및 예제 리눅스 환경에서 오늘 날짜를 사용한 파일을 생성하려면 어떻게 할까요? 아래에서 알아봅니다.# 리눅스에서 날짜 이름의 파일 생성하는 방법먼저 파일을 생성하려면? 간단하게 touch 명령어를 사용할 수 있습니다. 만약 test.sh라는 쉘스크립트 파일을 만들

View : 26 / Created : 2020-07-01

etc간단하게 나의 ip 주소 찾는 방법 내 ip 주소를 전달해야 할 경우 어떻게 하면 ip 주소를 알 수 있을까요? 이 경우 몇 가지 방법이 있습니다. 아래에서 알아보도록 할께요.먼저 ip 주소는 내부 ip 주소(사설 ip주소)와 공인 ip 주소가 존재합니다. 여기서 내부 ip 주소는 내부 네트워크에서만 접근 할 수 있도록 할당된 고유 ip 주소입니다.# 내부 ip 확인하는 방법일반적으로 회사나 단체 아니면 집에서 연결된 기기에게 내 ip를 공유해야 하는 경우가

View : 57 / Created : 2020-06-27

python[Python] ini파일 별도 생성 후 정보 불러오기 파이썬 파일 내부에 설정에 필요한 정보를 관리하는 경우... 예를들어 데이터베이스 접근과 관련된 정보나 아니면 접근하는 url 정보들이 필요할 수 있습니다. 이 때 이런 정보를 어떻게 관리하는게 좋을까요? 파일 내부에 직접 적는 것도 좋지만 별도의 파일을 생성하여 따로 관리 후 import하면 관리 측면에서 더욱 효율적입니다.아래는 python에서 ini 파일을 불러와 원하는 값만 매핑할 수 있는 방법에 대하여 알아보려고 합니다. 예제는 데이터베이스를 기준으로 작성하였습니다.<span

View : 75 / Created : 2020-06-26

linuxlinux 명령어 ssh 접속하는 방법 서버 등의 머신에 접속하는 방법으로 Putty 등의 프로그램을 많이 사용합니다. 이 외의 방법으로 리눅스에서 사용가능한 ssh 명령어가 있습니다. 아래는 SSH는 OpenSSH를 사용하여 다른 컴퓨터, 머신에 접속합니다. 그럼 아래서 더 자세히 알아봅니다.# 리눅스 ssh 명령어 알아보

View : 84 / Created : 2020-06-25

webdevetc[WSL2] Windows subsystem linux 경로 열기, 파일 복사 방법 2020년 5월 윈도우즈 2004 업데이트를 통해서 WSL 2를 사용할 수 있게되었습니다.! WSL 2 파일 경로 접근하는 방법만약 WSL 2 폴더에 접근해 이동하거나 파일 복사 등을 하려면 어떻게 할까요? 더 간단한 방법으로 가능합니다.아래 명령어를 파일탐색기에 입력합니다.\\WSL$입력하면 WSL

View : 125 / Created : 2020-06-19

js[자바스크립트] Object 객체 메소드 freeze(), isFrozen() 알아보기 자바스크립트에서 사용 할 수 있는 자바스크립트 obect, 객체 메소드 두 가지를 알아봅니다. 간단한 문법은 아래와 같습니다.Object.freeze()Object.isFrozen()그럼 이 둘의 사용 방법과 목적에 대하여 알아봅니다.# 자바스크립트 Object freeze(), isFrozen()먼저 Object.fre

View : 160 / Created : 2020-06-08

jsnext.js 서버사이드 렌더링을 위한 React Framework 자바스크립트 프레임워크 next.js에 대하여 알아봅니다.! next.js는?next.js는 매우 잘 알려진 프레임워크입니다. next.js를 사용하는 큰 이유 중 하나로 React를 사용한 프론트엔드 프레

View : 202 / Created : 2020-06-05

js[자바스크립트] 세제곱근의 값 구하기, Math.cbrt() 자바스크립트에서 세제곱근을 구하는 방법에 대하여 알아봅니다.# 자바스크립트 세제곱근 구하기, Marh.cbrt()자바스크립트를 사용하여 세제곱근을 구하는 방법은 Math 객체의 cbrt() 메소드를 사용할 수 있습니다. 간단한 문법은 아래와 같습니다.<span data-

View : 145 / Created : 2020-05-30

linux리눅스 명령어 uptime 알아보기 리눅스 시스템의 상태의 정보를 확인 할 수 있는 명령어 uptime에 대하여 알아봅니다.uptime [옵션값]그럼 어떤 정보를 알려주고 어떻게 사용할까요?# 리눅스 명령어

View : 192 / Created : 2020-05-30

webdevetc워드프레스 resp api 사용하기 워드프레스(Wordpress)에서 REST API를 만들어야 하는 경우 방법에 대하여 알아봅니다.워드프레스라면 당연히 REST API를 만들 수 있는 플러그인이 존재합니다. 하지만 그 전에 워드프레스 버전에 따라 현재 웹어플리케이션에서 REST API를 기본으로 이미 제공할 수 있습니다. 아래는 이 방법에 대하여 알아보고 어떻게 사용하는지 자세히 확인해봅니다.# 워드프

View : 159 / Created : 2020-05-30

webdevetcnpm package-lock 설치 및 사용 방법 Node 환경의 패키지 관리툴인 npm을 사용하면 package.json과 package-lock.json 파일이 생성되게 됩니다. 아래는 package-lock.json 파일에 대하여 알아보려고 합니다.# package-lock.json 무엇인가먼저 언제 이 파일이 생성 될까요? npm install 등의 방법으로 package.json 또는 /node

View : 143 / Created : 2020-05-25

webdevetc윈도우즈에서 특정 ip, 포트 외부 및 사내 접근 허용 방법, 방화벽 인바운드 설정하기 윈도우즈 환경에서 자신의 ip 주소를 외부 및 사내에서 접근하도록 ip 또는 포트를 허용하는 방법을 알아봅니다.# 윈도우즈 외부 접근 ip 및 포트 허용하기자신의 pc로 접근을 허용 가능하도록 하려면 방화벽 설정을 변경해야합니다. 보안상의 이유로 기본값은 외부의 접근이 막혀있으며 이때 인바운드 규칙을 변경 추

View : 212 / Created : 2020-05-18

etc캡처 및 그리기 픽픽 다운로드 정보 및 알아보기 잘 알려진 어플리케이션 픽픽(picpick)에 대하여 자세히 알아봅니다.# 픽픽은? PicPick픽픽은 잘 알려진 무료 어플리케이션으로 화면 캡쳐(스크린샷) 및 이미지 편집툴입니다. 많은 사용자를 확보하

View : 195 / Created : 2020-05-18

vuejsvue-cli-service 에러 - 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다 VueJS를 사용하는 앱에서 vue-cli-service를 사용하여 앱을 구동할 때 다음과 같은 에러가 발생했습니다.'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.문제의 원인은 무엇이고 어떻게 해결할 수 있는지 알아봅니다.! 어떤 상황에서 에러가 발생했을까?우선

View : 507 / Created : 2020-05-18

python[python]Jinja2의 타입 알아내는 방법은? 파이썬에서 템플릿 엔진 jinja2를 사용할 경우 현재 어떤 타입을 가지고 있는지 확인할 수 있을까요?결론부터 얘기하면 파이션 타입을 jinja2에서 확인할 수 있는 방법은 현재로는 없습니다. 매우 아쉬운 부분입니다.그 이유를 알아보면 jinja2 자체가 파이썬 언어가 아니므로 파이썬 언어의 모든 타입을 가지고 있지 않아 타입을 출력하는 내부 함수가 존재하지 않습니다.결

View : 201 / Created : 2020-05-17

reactReact state값 변경, 업데이트 방법 React에서 데이터를 사용하고 추가 및 변경할 수 있는 state에 대하여 알아봅니다.# React state 알아보기컴포넌트에서 데이터를 선언하고 변경하기 위해 state를 사용합니다. state의 값을 변경하면 화면 뷰의 렌더링에도 함께 반영되게됩니다. 즉 <s

View : 190 / Created : 2020-05-16

vuejsVueJS transition 컴포넌트 배우기, 애니메이션 VueJS를 사용하여 CSS 트랜지션(CSS Transition) 효과를 사용할 수 있는 transition 컴포넌트에 대하여 알아보려고합니다.# Vue transition 컴포넌트란?프론트 화면을 개발할 때 애니메이션 효과를 많이 사용합니다. 이 경우 가장 많이 사용되는 방법이 바로 CSS를 사

View : 203 / Created : 2020-05-15

pythonPython Jinja2에서 문자열 길이 구하고 출력하는 방법 Python에서 자주 사용되는 Jinja2 템플릿 엔진에서 문자열의 길이를 구하는 방법에 대하여 알아보려고 합니다.어떻게 하면 Jinja2에서 문자열 길이를 구하고 또 출력 할 수 있을까요?# Python jinja2에서 문자열 길이 구하기일단 방법부터 알아보면

View : 216 / Created : 2020-05-15

html[HTML] 테이블 태그에서 colspan 최대 값 설정하기, table colspan HTML 테이블 태그를 사용하는 경우 만약 colspan 또는 rowspan의 최대값을 설정하는 방법에 대하여 알아봅니다.# HTML table 태그의 colspan 최대값 설정하기rowspan 역시 colspan 설정 방법과 동일하므로 colspan의 방법에 대하여 알아봅니다.!

View : 194 / Created : 2020-05-11

python[pymongo] 몽고db 임의의 document 선택 방법, random 파이썬 앱에서 pymongo를 사용하는 경우 만약 임의의 document를 랜덤하게 가져오려면 어떻게 하는지 알아봅니다.# pymongo 랜덤 document 선택, 가져오기먼저 방법을 생각해보면 아래와 같이 두 가지 방법이 있습니다.<span data-custom-style="ct

View : 177 / Created : 2020-05-11

webdevetc[서버구축] 단일 서버와 데이터베이스 서버의 분리가 왜 필요할까 일반적으로 단일 서버로 운영하거나 아니면 데이터베이스 서버를 분리하여 사용하는 경우가 많습니다. 그렇다면 이 둘의 차이점은 무엇이고 언제 그리고 왜 이렇게 사용하는지 알아보려고 하니다.# 서버 구축시 단일 서버와 데이터베이스 서버 분리 방법의 차이는?일반적으로 단일 서버를 사용하는 경우... 즉 WAS 서버와 Database서버를 하

View : 215 / Created : 2020-05-07

linux리눅스 명령어 history 알아보기 리눅스 명령어 중 하나인 history에 대하여 알아봅니다. history는 무엇이고 언제 사용할까요?# 리눅스 명령어 history 알아보기리눅스에서 history 커맨드는 자주 사용되는 명령어로 history를 입력하면 최근에 입

View : 193 / Created : 2020-05-06

webdevetc최근 개발자 채용시 내세우는 근무 환경과 혜택, 여건 등은 무엇이 있을까 회서에서 실력있는 개발자를 구하기는 결코 쉬운 일이 아닙니다. 최근에는 많은 회사들이 이런 저런 다양하고 독특한 장점들을 내세우고 있죠.아래는 최근 개발자의 채용공고를 살펴보면서 공통적이거나 특색있는 채용 조건 등을 알아보고자 합니다. 최근에는 어떤 근무형태, 근무환경 또는 복리후생 등

View : 298 / Created : 2020-05-06

db[MongoDB] 몽고DB update() 기존 값 변경, 수정하기 MongoDB를 사용하는 경우 기존 값을 찾아 변경하는 방법 update()에 대하여 알아봅니다.# MongoDB, update() 알아보기먼저 값을 변경, 수정할 경우 update()를 사용합니다.db.Collection.up

View : 213 / Created : 2020-04-30

js[자바스크립트] 배열 메소드 entries() 알아보기 자바스크립트 배열 타입에 사용하는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 entries() 메소드 알아보기배열에 사용 가능한 다양한 메소드 들이 존재하죠. 그 중에 entries()</spa

View : 264 / Created : 2020-04-27

css[scss] 다른 스타일을 가져와 적용하기, @extend 확장 CSS의 전처리기 언어인 SCSS를 사용하는 방법 중 다른 스타일을 가져오는 방법에 대하여 알아봅니다. 바로 @extend를 사용한 스타일 확장 방법입니다.# SCSS의 스타일 확장 알아보기, @extend전처리기 덕분에 CSS 역시 자바스크립트의 객체처럼 다른 스타일을 상속 받는 것처럼 사용하는 것이 가능합니다. 상속과는 다를

View : 226 / Created : 2020-04-27

webdevetc[npm] node 패키지 모듈의 버전을 원하는 버전으로 변경하는 방법 아래는 노드 패키지 모듈(npm) 설치 할 때 원하는 버전을 선택, 설치(인스톨)하는 방법을 알아봅니다.# 노드 패키지 원하는 버전으로 설치하기패키지 모듈을 npm으로 설치시 반드시 최신 버전이 필요한 것은 아닙니다. 오히려 그 이하의 버전이 필요하기도합니다. 특히 모듈 사이의 <sp

View : 278 / Created : 2020-04-21

lodash[lodash] clonedeep 알아보기, 객체 복사 방법 lodash를 사용하여 자바스크립트의 객체를 복사하는 방법 중 딥클론(Deep cloning) 방법을 알아봅니다.# lodash를 사용하여 객체 복사하기, _cloneDeep()먼저 객체 타입을 복사하는 방법은 여러가지가 있습니다. 그 중 하나가 바로 <span d

View : 273 / Created : 2020-04-20

webdevetc웹개발 소스를 크롬에서 바로 수정 및 저장 방법 알아보기 크롬 브라우저를 사용하여 개발자 도구를 사용해 직접 소스를 변경, 추가하는 방법에 대하여 알아봅니다.! 브라우저에서 직접 수정하고 추가하는 방법이 가능?크롬 브라우저를 사용하는 경우 크롬의 Workspace 설정으로 가능합니다. 그럼 개발자 도구를 사용하여 브라우저에서 직접 수정하고 저장하는 방법에 대하여 자세히 알아봅니다.# 개발자 도구로 크롬에서 바로 수정,

View : 858 / Created : 2020-04-18

CATEGORIES

LATEST POSTs 가장 최근에 등록된 포스팅 목록입니다.