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

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

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

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

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

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

  View : 65 / Created : 2020-08-07
• js [자바스크립트] 이미지 확장자만 제거하는 방법 자바스크립트에서 이미지 파일의 확장자만 삭제한 이름만 가져오려면 어떻게 하면 되는지 알아봅니다.# 자바스크립트 이미지 파일 중 확장자만 제거 한 파일 이름 가져오기일단 확장자를 제거하는 것이 가장 좋은 방법입니다. 이때 중간에 . 기호가 포함되었을 수 있으므로 제일 마지막에 포함된 확장자 정보를 삭제해야 됩니다.가장 간

  View : 59 / Created : 2020-08-06
  
• webdevetc 타블렛 2in1 노트북에 필요한 악세서리, 장갑 요즘 사용되는 랩탑, 노트북은 대부분의 제조사에서 2in1 모델을 출시하고 있습니다.! 2in1 랩탑, 노트북 컴퓨터여기서 2in1은 말 그대로 두 가지 기능을 모두 수행하는 랩탑, 노트북을 얘기합니다. 즉 일반 컴퓨터로 사용할 수도 있고 동시에 태블릿처럼 사용하는 것 역시 가능합니다. 그래서 2in1은 아래와 같은 기능을 가지고 있습니다.<span

  View : 47 / Created : 2020-08-06
• js 자바스크립트 Canvas 요소를 이미지로 저장 후 서버에 ajax로 저장하는 방법 자바스크립트를 사용하여 캔버스 요소를 이미지로 변환하여 서버에 비동기식 ajax로 전송하는 방법을 알아봅니다.# 자바스크립트 캔버스 이미지 서버로 파일 전달하기HTML5를 사용하여 Canvas 요소를 이미지로 변환하거나 저장할 수 있습니다. 그렇다면 변환된 캔버스 이미지를

  View : 65 / Created : 2020-08-05
  
• python [Python] 문자열 길이 구하기, len python(파이썬)에서 문자열의 길이를 구하는 방법을 알아봅니다.# Python 문자열의 길이 구하기문자열의 길이를 구하는 방법으로 len() 내장함수를 사용할 수 있습니다.<span

  View : 54 / Created : 2020-08-05
  
• react [React] 함수형 컴포넌트에서 StateHook 사용하는 방법과 예제 React에서 state hook을 사용하는 방법에 대하여 알아봅니다.# React state hook 알아보기react 16.8 이 후 부터 사용 가능한 react hook은 class형 컴포넌트가 아닌 경우에도 state를 사용한 상태 관리를 쉽게 사용할 수

  View : 77 / Created : 2020-08-03
  
• db [MongoDB] 여러 개의 컬렉션을 필드 기준 하나로 합치기, merge MongoDB에서 두 개 이상의 컬렉션을 특정 필드 값을 기준으로 하나로 합치는 방법에 대하여 알아봅니다.# MongoDB 컬렉션 필드 기준 합치기컬렉션을 하나로 합치는 방법은 몇 가지가 있습니다. 그 중에서 csv나 엑셀 등의 포맷으로 변경하는 방법도 하나의 방법입

  View : 96 / Created : 2020-07-30
  
• webdevetc Notion 2020-07-28 신규 업데이트 정보 Notion의 신규 업데이트 관련의 요약 정보입니다.# 2020년 7월 28일 노션 신규 업데이트1. Apple ID로 로그인 기능 추가이제 Notion에서 Apple ID로 로그인이 가능합니다. 덕분에 iOS에서 Face ID, Touch ID 기능

  View : 131 / Created : 2020-07-29
• python [Python] 태그만 제거하는 방법, 정규표현식 Python에서 정규표현식을 사용하여 모든 태그 요소를 제거하는 방법을 알아봅니다.# Python 정규표현식으로 태그 요소 제거하기Python에서 태그 요소를 제거하기 위해 몇 가지 방법<

  View : 112 / Created : 2020-07-28
  
• linux 리눅스 파일 소유자 그룹 변경하는 방법, chown 리눅스 환경에서 파일 및 경로의 소유자(ownership) 및 그룹(group) 변경 방법에 대하여 알아봅니다.리눅스는 파일 및 경로에 소유자와 그룹 사용자를 지정할 수 있습니다. 이렇게 설정하는 이유는 적절한 접근 권한을 통해 허용 범위를 지정하기 위해서 입니다. 예를들어 읽기, 쓰기, 삭제 등 특정 목적에 따라 권한 부여를 위해 필요한 명령어 입니다. 그럼 아래는 어

  View : 112 / Created : 2020-07-27
• etc notion 앱 다운로드 및 단축키 정보 최근 가장 많이 사용되는 노트, 메모 앱 중 하나인 Notion(노션) 관련 정보입니다. 아래에서는 notion의 장, 단점과 유용한 정보를 알아봅니다.# Notion은?notion(노션)은 최근 급부상한 메모앱입니다. 하지만 단순 메모에 그치지 않고 업무나 협업 등의 목적으로도 사용

  View : 137 / Created : 2020-07-25
  
• react [React] antd 라이브러리 checkbox, radio 사용방법 및 예제 React 앱에서 인기있는 antd 라이브러리에서 checkbox와 radio 컴포넌트 사용 방법에 대하여 알아봅니다.# react antd 컴포넌트 checkbox, radioreact에서는 매우 자주 사용되는 antd

  View : 127 / Created : 2020-07-25
• js 자바스크립트 Math.sign() 알아보기 자바스크립트 Math.sign()에 대하여 알아보려고 합니다.# 자바스크립트 Math.sign()자바스크립트 Math에는 sign() 내장함수가 있습니다. 이 함수를 사용하면 현재 사용된 값이 양수, 음수 그리고 0 중 어떤 것인지 확인하여 각각 1, -1, 0으로

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

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

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

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

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

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

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

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

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

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

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

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

  View : 168 / Created : 2020-07-12