분류 전체보기
-
[UiPath] 특정폴더 위치에 파일명을 구분하여 처리하는 예제UiPath RPA/Tips 2021. 5. 6. 19:28
UiPath 포럼에 아래와 같은 문의가 있었습니다. forum.uipath.com/t/topic/312737/3 초보입니다.. 어떤 액티비티를 사용해야 하는지 질문 드립니다 안녕하세요! 폴더내에 누적됩니다~! forum.uipath.com 특정 폴더에 누적되는 파일의 이름에 지역이 포함된 단어에 따라 해당 담당자에게 메일을 발송하는 작업을 수행해야 합니다. 단어에 따라 발송담당자를 정해야 하니 IF 액티비티와 파일이 여러개 존재하므로 반복작업을 위해 For each 액티비티를 사용해야 할텐데 파일정보를 어떻게 가져와야하는지는 상당히 난감해 하실 수 있으실 겁니다. 이 부분은 .NET의 coding으로 처리해야 합니다. 지금부터 차근차근 한 단계씩 확인해볼까요? 🧐 1. 프로젝트 생성 및 Sequence ..
-
[Javascript] 브라우저에서 사용하는 인코딩 및 디코딩 패키지 ffmpeg.wasm 소개Javascript & TypeScript 2021. 5. 5. 18:10
미디어파일을 인코딩/디코딩 하는 작업을 구현하는 프로그래머라면 ffmpeg란 오픈소스 툴을 들어본적이 있을 것이다. 카카오 팟플레이어 곰플레이어 등, 상당수의 미디어 플레이어나 인코딩 프로그램에 직/간접적으로 사용되는만큼 파급력이 높다. CLI 명령어 기반이라 이를 편히 사용할 수 있는 UI 기반 툴도 많이 나와있다. 그러나 특성상 웹에서 사용은 어려웠다. 물론 호스팅을 통해 미디어파일을 인코딩/디코딩 서비스를 제공하는 웹사이트도 심심찮게 볼 수 있었겠지만, 어디까지나 내 미디어파일이 웹서버에 업로드되어 처리한 후, 결과를 내려받는 형식이기 때문에 함부로 이용하면 소중한 지적재산권(?)을 내 손으로 넘겨주는 꼴이 될 수 있다. 이와 같은 불상사를 방지할 수 있는 패키지. ffmpeg.wasm를 소개한다...
-
[UiPath] 궁금한 점은 UiPath 포럼을 이용해주세요!UiPath RPA/Tips 2021. 5. 3. 22:57
uipath를 검색하면 대부분 제 글이 튀어나와 접근하신 분들이 많습니다. 방문(?) 감사드립니다 (--)(__) 하지만 여러분들이 찾으시는 정보를 못찾는 경우가 대부분일 듯 합니다. 여긴 기본기와 포럼에 문의된 질문에 대한 답변을 팁으로 정리해두고 있습니다. 따라서 "uipath namespace 가져오기" 라는 검색어라던가, "uipath 형변환" 이란 검색어라던가, "uipath 테이블 데이터" 라던가 식으로 검색해도 원하시는 결과가 안나올 가능성이 높습니다. 개발자가 아니거나, 개발자여도 MS .NET 에 대한 개념이 없으면 어떤 문제에 대해 답을 찾기 더 어려울 수 있습니다. 가급적 찾기 어려운 검색보단 uipath에서 공식적으로 운영하는 포럼사이트에 방문하여 주세요. forum.uipath.c..
-
[html] input file 태그를 커스터마이징하려면 label 태그를 이용해야 한다.ETC 2021. 5. 3. 21:48
input 태그는 그 자체로 디자인을 적용하기 까다로운 점이 있다. 따라서 디자인을 적용하고 싶다면 input 태그는 display: none; 으로 숨기고, label 태그를 연결한 뒤, label 태그에 CSS를 적용해야 한다. 아래는 input file tag와 label tag를 이용하여, 128 * 128 크기의 영역을 눌러 file 선택 창을 띄우는 방법 예시이다. css style 이 조금 가미되었지만 크게 중요하진 않다. 클릭하세요. 결과는 아래와 같이 나온다. 클릭하면 OS에 기본제공되는 파일 선택 화면이 표시된다.
-
[Javascript Event] Drop 이벤트에 preventDefault, stopPropagation를 적용해도 동작하지 않는 현상 해결Javascript & TypeScript 2021. 4. 27. 23:12
React 프로젝트에서 파일을 Drag & Drop 하기 위한 기능을 구현하고 있었다. React를 대상으로한 Drag & Drop 컴포넌트가 오픈소스상에 많이 존재하긴 하지만, 간단한 기능 구현마저 라이브러리로 도배해야할까 싶어 직접 구현하고 있다. (결국 진행이 간단치 않게 되었다. 🤣) 소스코드는 아래와 같다. import React, { useState, useRef, useEffect, useCallback } from "react"; import { Container, createStyles, Grid, makeStyles, Paper, Theme, } from "@material-ui/core"; const useGridStyles = makeStyles((theme: Theme) => cr..
-
[React] React Router를 적용해도 첫 메인페이지("/") 위치만 표시되는 현상 해결법Javascript & TypeScript 2021. 4. 26. 21:32
Router가 필요한 React 프론트엔드 구현 중 Router를 이동해도 계속 "/" 위치의 컴포넌트만 표시되는 현상이 발생했다. 소스코드는 아래와 같다. route("/")}>Cover route("/Test")}>Test setPrefersDarkMode(!prefersDarkMode)}> 이유를 찾을 수 없어 상당히 헤맸다. 해결법은 를 가장 하단으로 내리면 된다. route("/")}>Cover route("/Test")}>Test setPrefersDarkMode(!prefersDarkMode)}>
-
[Shell] Shell 명령어를 설명해주는 웹 서비스 explainshell.com 소개Shell & CMD/명령어 리스트 2021. 4. 26. 20:57
리눅스 서버관리의 핵심은 쉘 명령어를 얼마나 잘 다루는가에 달렸다고 해도 과언이 아니다. 그래서 자주 쓰는 쉘 명령어를 따로 정리해두거나, 목표에 따라, 예를 들어 nodeJS를 설치하는 등, 필요한 작업을 정리한 사이트를 북마크 해 둘 것이다. 그런데 잘 쓰긴 하지만, 그 자체의 의미를 모두 아는가? 나만 그렇다면 어쩔 수 없지만, 그렇지 않다면 이번에 소개할 사이트 explainshell.com 가 도움이 될 것이다. explainshell.com는 그간 모르고 쓰던 명령어를 검색창에 입력하면, 각 명령어 및 옵션에 대한 설명이 결과로 검색되는 사이트이다. 아래 스크린샷은 검색창에 "curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -..
-
[WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 무식한 방법ETC 2021. 4. 25. 15:28
보다 간단한 방법을 https://ddochea.tistory.com/153 에 작성했습니다. 해당 방법을 먼저 시도해보시고, 안될경우 본 포스트 방법을 시도해보시기 바랍니다. WSL에 React 프로젝트를 생성하고 웹 접속을 테스트해보았다. 그런데 기본 접속 정보인 http://localhost:3000 로 접근이 되지 않았다. IP를 입력해서 접근할 순 있겠지만, 이렇게 되면 "Debugger for Chrome"을 통한 React 프로젝트 디버깅을 수행할 수 없다. 해결법을 찾았으나, 상당히 무식한 방법이었다. 만약 다른 네트워크 설정이 포함되어있다면 시도하지 않는 것을 추천한다. 1. 설정 이동 Windows 검색창에서 설정(Settings)를 찾아 연다. 2. 네트워크 및 인터넷(Network ..