LATEST POSTs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 124 / Created : 2020-06-25