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

---

인기순

• db ubuntu에서 MongoDB 중지 및 에러 발생시 문제 해결하기 ubuntu 환경의 MongoDB(몽고db)에서 에러가 발생하거나 동작하지 않는 경우 해결 방법에 대하여 알아봅니다.! MongoDB에러가 발생하는 원인은?언제 에러가 발생할까요? 일반저긍로 아래와 같은 수행 이 후 예기치 못 한 에러가 나타날 가능성이 높습니다. - mongodb 재설치 이 후- 최신버

  View : 379 / 2020-07-23
  
• webdevetc [웹스톰] Webstorm Typescript 사용시 자동 import 따옴표 바꾸기 Webstorm(웹스톰)에서 Typescript를 사용할 경우 모듈이 필요하면 자동으로 import를 페이지 상단에 추가해 줍니다. 매우 편리한데요 만약 추가된 모듈의 따옴표가 쌍따옴표(Doupble quotation) 또는 홑따옴표(Single quotation)으로 변경하려면 어떻게 할까요?# 웹스톰 typescript에서 자동 import 따옴표 변경하기방법은 매우 간단합니다 먼저 설정으로 이동합니다.<

  View : 329 / 2020-07-23
  
• css [scss] 리스트 타입 선언 방법과 반복문 사용하기, @each css 전처리기 중 하나인 scss에서  리스트 타입의 선언 방법을 알아보고 리스트 타입의 데이터를 반복문에 사용하는 방법도 함께 알아봅니다.# scss list 타입 알아보기전처리기 css인 scss에는 여러  타입이 존재하며 배열과 같은<span data-custom

  View : 422 / 2020-07-21
• etc 윈도우 10 초기화, 재설치 방법, Windows 사용중인 윈도우(Windows) 10의 초기화 또는 재설치가 필요할 수 있습니다. 이 때 어떻게 할 수 있는지 알아봅니다.! 언제 윈도우즈 재설치가 필요할까?아래의 경우 재설치가 필요할 수 있습니다.오랜 기간 사용하여 모르거나 너무 많은 앱이 설치된 경우잦은 오류 등 원인을

  View : 740 / 2020-07-20
  
• linux 리눅스 if 사용 방법 및 예제 리눅스에서 조건에 따라 처리하는 if 문법에 대하여 알아보겠습니다.# 리눅스 if else 문법 알아보기리눅스에서도 조건에 따라 다른 명령어를 수행할 수 있는 if else 문법이 존재합니다. 예를들어 파일의 존재 여부를 확인한 후 삭제하는 것도 if 문을 사용해

  View : 564 / 2020-07-20
  
• db MongoDB 컬렉션 이름 변경하는 방법 MongoDB에서 컬렉션 이름을 변경하려면 어떻게 하는지 알아봅니다.# MongodB 컬렉션 이름 변경하는 방법컬렉션 이름을 다른 것으로 바꾸는 방법입니다. 이 경우 renameCollection()</span

  View : 415 / 2020-07-17
  
• python [Python] 파이썬 tuple 타입 알아보기 Python 타입 중 하나인 tuple(튜플) 타입에 대하여 알아봅니다. 튜플은 무엇이고 어떻게 사용할까요?# Python tuple 타입 알아보기파이썬 언어에는 튜플(tuple) 타입이 존재합니다. tuple은 연속된 값을 가지므로 배열과 비슷하지만 값이 변경

  View : 327 / 2020-07-16
  
• css scss 투명도 opacity 설정하기 css의 전처리기 중 하나인 scss를 사용하여 색의 투명도를 설정하는 방법을 알아봅니다.scss는 다양한 방법으로 투명도, Alpha를 설정할 수 있습니다. 이가운데 rgba()를 사용하면 간단하게 투명도를 설정할 수 있습니

  View : 323 / 2020-07-15
• js 자바스크립트 배열 여부 확인하는 메소드, Array.isArray() 자바스크립트에서 배열 타입의 여부를 확인하는 방법에 대하여 알아보려고 합니다. 어떻게 하면 배열 타입임을 확실하고 빨리 알 수 있을까요?# 자바스크립트 배열 확인하기, Array.iosArray()먼저 자바스크립트에서 배열 타입을 알려면 어떻게 알 수 있을까요? 쉽게 생각해보면 아래와 같은 두 가지 방법이 떠오릅니다.<b

  View : 591 / 2020-07-14
  
• js Typescript 컴파일(transpiling)에 대한 빌드 속도 문제 타입스크립트(typescript)를 사용하는 웹어플리케이션이 많아지고 있습니다. 그 만큼 장점이 많기 때문이죠. 그런데 타입스크립트를 사용하면 개발 로컬 환경에서 추가적인 컴파일(트랜스파일) 시간이 길어지게 됩니다. 아래는 이에 대한 해결방법을 알아보려고 합니다.! 타입스크립트를 사용하면 왜 늦을까타입스크립트 역시 컴파일 과정을 통해 설정된 es5, esne

  View : 443 / 2020-07-13
• react react 앱 jsx 파일 내부에 css style 컴포넌트 및 전역으로 선언하기 React 앱에서 css를 선언하여 사용하는 방법에 대하여 알아보려고 합니다.# React 앱에서 css 스타일 선언 및 사용하기스타일을 선언하고 사용하는 방법은 크게 두 가지로 구분됩니다. 하나는 모듈 형태로 추가하여 사용하는 방법이고 다른 하나는 jsx 파일 내부에 style 태그를 추가하여 사용하는 방법입니다.둘 다 사용되는 방법이지만 여기서는 jsx 파일 내부에 style 태그를 인라인으로 추가하

  View : 444 / 2020-07-12
• css [CSS] 리스트 요소의 순서를 반대로(reverse) 바꾸는 방법 CSS를 사용하여 테이블이나 리스트의 내용을 반대로 바꾸어 보여주려고 합니다. 가능할까요? 아래에서 알아봅니다.# CSS를 사용하여 거꾸로 보여주는 방법, reverse결론부터 얘기하면 가능합니다. 만약 데이터를 그대로 웹에 보여주는 경우라면? 데이터의 순서를 바꾸면 됩니다. 하지만 데이터의 순서를 바꾸게

  View : 569 / 2020-07-12
  
• react [React] 컴포넌트 및 엘리먼트 조건에 따라 보여주고 숨기는 방법, show and hide React에서 조건에 따라 엘리먼트, 컴포넌트를 숨기거나 나타나게 하는 Conditional Rendering에 대하여 알아봅니다.# React 조건에 따라 엘리먼트 및 컴포넌트 숨기기, 보여주기항상이 아닌 특정 조건에 맞는 경우에만 컴포넌트나 엘리먼트를 숨기고

  View : 661 / 2020-07-11
  
• webdevetc next.js 라우팅 설정 방법 및 예제보기 next.js 프레임워크에서 라우팅(routing)을 사용하는 방법입니다. 어떻게 라우팅을 설정하는지 아래에서 알아봅니다.# next.js 라우팅 설정하기서버 사이드 렌더링 방식의 next.js는 매우 간단하고 쉽게 페이지 라우팅 설정이 가능합니다. 우선 라우팅 설정을 위해 앱의 상위 폴더에 /pages/ 폴더를 생성해야 합니다.<span data-

  View : 387 / 2020-07-11
• js [nextjs] script 파일 로드하는 방법 알아보기 프론트 프레임워크 Next.js를 사용하는 웹 프로젝트에서 내부 및 외부의 스크립트 파일을 추가하는 방법에 대하여 알아봅니다.# next.js에서 script 파일 추가하기nextjs는 서버 사이드

  View : 723 / 2020-07-08
  
• webdevetc Putty connection 시간이 짧은 경우 timeout 안되도록 시간 늘리기 Putty를 사용하여 접속시 아무런 행동 없이 일정 시간이 지나면 자동으로 접속이 끊기게 됩니다. 이 경우 어떻게 하면 접속시간을 늘리거나 계속해서 세션을 유지할 수 있는지 알아봅니다.# Putty 연결 Connection 시간 늘리는 방법일단 연결 시간을 늘리는 방법

  View : 985 / 2020-07-08
  
• react [React] 리스트 타입 데이터 map() 메소드로 jsx에서 렌더링, 출력하기 React에서 리스트(배열) 타입의 데이터를 사용하여 여러개의 컴포넌트나 태그로 jsx 파일에서 출력, 렌더링하는 방법을 알아봅니다.# React 리스트 타입 데이터 여러 개로 출력하는 방법, map리액트 앱에서는 다른 프레임워크에서 사용하는 반복 프로퍼티, 디렉티브

  View : 453 / 2020-07-06
  
• react [React] jsx, tsx 파일의 주석 작성하는 방법은? React앱에서 js, ts가 아닌 jsx, tsx 파일의 확장자를 사용하면 XML 방식으로 템플릿 코드를 작성할 수 있습니다. 이때 주석 작성 방법에 대하여 알아봅니다.<span data-custom-style=

  View : 970 / 2020-07-06
  
• react [React] 함수형 컴포넌트 에서 props를 사용하기, Functional Component React 앱 개발시 클래스형, 함수형, 배열형 컴포넌트를 생성하고 사용하죠. 이 때 함수형 컴포넌트에서 Props를 전달 받아 사용하는 방법에 대하여 알아봅니다.! 함수형에서 Props 전달이 가능할까?당연히 가능합니다. 컴포넌트에서 부모와 자식 사이의 데이터를 전달하기 위한 다양한 방법 중 Props는 여전히 많이 사용되는 방법입니다.<span data

  View : 699 / 2020-07-06
• linux [리눅스] 파일 존재 여부 확인하는 방법, file exist 리눅스에서 특정 파일이 있는지 존재 여부를 확인하는 방법에 대하여 알아봅니다.리눅스에서 어떤 파일이 있는지 확인 후에 작업을 진행하려고 합니다. 아니면 그 반대로 파일이 없는 경우에만 특정 명령을 내릴 수도 있겠죠. 어떻게 하면 가능할까요?# 리눅스 파일 존재 여부 확인하는 방법, test이 경우 <s

  View : 2438 / 2020-07-05
  
• etc [노트북/랩탑] 터치패드 끄기/해제하기 방법은? 노트북을 사용하면 키패드 아래의 터치패트를 끄고 싶은 경우가 있습니다. 어떻게 동작하는지 모르거나 귀찮아서 그냥 사용하는 경우가 있다면? 아래에서 방법을 확인해 보세요. 금세 터치패드를 on/off 할 수 있습니다.# 터치패드 끄기, Touch Pad off먼저 터치패드를 언제 왜 꺼야 할 필요가 있을까요? 일단 아래의 경우에는 터치패드 사용이 오히려 방해가 될 수 있습니다.@ 터치패드가 필요 없는 경우

  View : 368 / 2020-07-05
  
• python [python] pip에서 search를 사용하여 패키지 찾기 파이썬(Python)에서 원하는 패키지를 찾기 위해서 search를 사용하는 방법에 대하여 알아봅니다.# Python 패키지에서 pip seacrh를 사용해 검색하기먼저 search를 사용하는 간략한 방법입니다.pip search <keyword> <option>위와 같이 원하는 키워드를 입력 후 실행

  View : 389 / 2020-07-05
• linux [linux] 리눅스 이전 날짜 이후 날짜 가져오는 방법 리눅스에서 이 전 또는 이 후 날짜를 선택하는 방법에 대하여 알아봅니다.# 리눅스 이 전 또는 이 후 날짜 불러오기먼저 날짜를 불러오기 위해서는 date 명령어를 사용합니다.datedate는 날

  View : 402 / 2020-07-04
• python pymongo에서 ObjectId를 사용하는 방법 Python 앱에서 Pymongo를 사용하여 MongoDB 데이터를 접근할 수 있습니다. 이때 id값을 사용해 찾거나 수정하기 위한 방법은 무엇일까요?! Pymongo를 사용하는 경우 id값으로 찾기바로 pymongo 패키지의 ObjectId 함수를 사용할 수 있습니다. 이를 사용하면 간단하게 id만 알면 접근할 수 있습니다. 예를들어 id값이 아래와 같다면

  View : 392 / 2020-07-03
• linux Linux에서 cron을 사용하는 방법, 작업 스케쥴 등록하기 리눅스 환경의 웹서버를 구동하는 경우 cron을 사용하여 특정 작업(Task)을 원하는 시간 등에 자동으로 구동 시킬 수 있습니다. 아래에서 자세히 알아봅니다.# Linux cron을 사용하기언제 cron을 사용할까요? 아래와 같은 경우 많이 사용됩니다.<cs

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

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

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

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

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

  View : 2372 / 2020-06-19