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

---

인기순

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 508 / 2020-05-25