전체 채널 최신 피드 리스트

  • 꾹의 개발노트
    이미지 수5
    [IIS] URL 재작성 (Rewrite URL)

    URL 재작성 © remotarjobs, 출처 Unsplash 오랜만에 IIS 설정에 관련하여 포스팅을합니다. URL 재작성을 활용한 리디렉션 전략입니다. 실제로 IIS에는 HTTP리디렉션이라는 기능이 존재하지만 특별한 조건에 따라서 리디렉션 또는 리라이트 전략이 필요한 경우 URL 재작성 기능을 활용하면 됩니다. 규칙 추가하기 ! 오늘은 긴 말이 필요없이 규칙을 추가하는 방법을 알아보려고합니다. IIS 도구에서 자신이 관ㄹ히나느 사이트에서 URL 재작성을 눌러주세요. 규칙 추가를 통해서 빈 규칙을 하나 만들어주시면 됩니다. 저와 같은 경우 아래와 같은 규칙을 생성하였습니다. URL 검증은 어떤 URL이든 정상범위에 들어온 URL이면 해당 규칙을 판단하도록 설정하였습니다. {REQUEST_URI} , {QUERY_STRING}을 검증하여 심플한 도메인주소로 접근시 참인 패턴을 만들었습니다. 참이 발생하면 리디렉션을 작업할 것이고 특정 주소로 리디렉션을 시켰습니다. 이와 같이 처리한 이유는 서버 이관작업전 사용자를 신규 페이지로 유입하기 위해서 IIS를 활용하는 기존서버에서 어떻게 해야할까 고민하다가 적용 시켜본 전략입니다. 참고해볼만한 예전 포스팅 [Win PHP] IIS rewrite PHP RESTful API를 만드는방법 ① [Win PHP] RESTAPI 만들기 IIS rewrite PHP RESTful API RESTful ...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수13
    무료ERP시스템 파로스ERP, ERP뜻 하나로 끝내보자

    무료ERP시스템 파로스ERP, ERP뜻 하나로 끝내보자 어려운 기업관리 스타트업이라면 더더욱 어렵고 모든게 생소할거라 생각이듭니다. 오늘은 파로스라는 올인원 비즈니스 솔루션 프로그램을 소개해보려고합니다. ERP 란? 전사적자원관리라는 뜻을 지니고 있으며 ERP시스템이란 전사적자원관리에 포함된 회계, 경리, 인사, 급여 등을 통합적으로 연계하여 관리할 수 있는 하나의 솔루션 프로그램입니다. 왜? 파로스를 도입 해야하는가? 하나, 솔루션 시스템을 도입하면 업무 프로세스를 분석할 수 있습니다. 둘, 반복되는 업무는 자동화 서비스를 활용하여 처리할 수 있습니다. 셋, 동시에 실시간으로 데이터를 통합하여 더 좋은 방향으로 신속한 결정이 가능합니다 이와 같이 기업의 업무를 표준화여 능률을 높일 수 있기 때문입니다. 파로스(PHAROS)에 대하여 알아보자! 무료ERP시스템 파로스는 핀테크 기업 핑거가 제공하는 클라우드 기반의 중소기업 맞춤형 비즈니스 소프트웨어입니다. 중소기업 스타트업이라면 비용 부담없이 재무, 회계, 인사, 급여 등을 효율적으로 관리할 수 있도록 도와주어 기업의 성장에 도움을주는 하나의 시스템입니다. 처음 사용하는 사용자라면 1년 무료 이용이 가능하니 부담없이 접근해보세요. 무료ERP시스템 파로스의 주요 핵심 기능에 대해서 조목조목 알아보자! 한눈으로 모든 데이터를 시각화하여 제공하는 대시보드 파로스의 대시보드는 여러 탭으로 분...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수19
    쇼핑몰 재고 관리 하나로 편리하게 쇼핑몰 온 오프라인 통합 솔루션 셀메이트

    쇼핑몰 통합 관리 솔루션이 필요한 이유 쇼핑몰이 점차 성장해 나아가면 판매를 하기위하여 입점해야할 판매처가 늘어날겁니다. 그렇다보면 각 판매처에서 하나하나 관리하는 불편함이 생길 수 있는데 셀메이트 서비스를 이용하여 쉽고 간편하게 관리해보자 제품이 늘어나면 상황에 따라 재고를 관리햐아하는데. 한번 재고관리 기능을 이용하여 쇼핑몰 재고 관리를 한 화면으로 손 쉽게 처리해보자! 가장 중요한 기능 중 하나인 재고 현황을 파악하고 관리하는 기능에 대해서 알아보려고 합니다. 셀메이트 재고관리 기능에는 상품 등록 부터 발주 그리고 재고 파악을 위한 재고 관리 기능이 있습니다. 그럼 하나하나 짚어가면서 해당 기능을 어떻게 사용하는지 파악해보자! 상품을 등록하는 방법은 개별상품을 등록하는 방법 그리고 여러가지 물품을 한꺼번에 정리하여 등록하는 방법 API를 활용하여 온라인몰에 등록된 상품을 셀메이트로 가지고와서 등록하고 관리하는 방법이 있습니다. 도움말을 이용하거나 TIP버튼을 이용하면 해당 상품에 대해서 등록하는 방법을 편하게 알아볼 수 있습니다. 한 번 셀메이트 재고 관리 기능 -> 상품등록을 활용하여 상품을 하나 등록해보자! 정상적으로 상품이 등록되면 현황 목록을 이용하여 등록한 재고들의 리스트를 볼 수 있습니다. 해당 화면에서 수량을 파악하고 입고 현황을 간편하게 조정할 수 있습니다. 개별 상품을 수정할 수도 있으며 기능 탭을 이용하여 조정...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [Fastify] Fastify Hook에 대하여

    Fastify Hook에 대하여 알아보자 © gigalilac, 출처 Unsplash Hook은 Fastify API를 생성하며 어떠한 호출에 대해서 응답까지에 각종 처리 순서에 따라 나누어져 있는거라고 생각하시면 됩니다. 이제 훅에 대해서 알아보도록 하겠습니다. 간단하게 말하자면 훅은 사용자가 어떠한 Request에 대해서 개발자가 관여하여 처리하는 프로세스를 추가한다고 생각하면된다. 생명주기를 이해하자! 훅에 대해서 알아보기 전에 먼저 처리되는 생명주기를 알아야할 것 같아서 공식 문서에서 제공하는 훅에 대해서 알아보자! Incoming Request │ └─▶ Routing │ └─▶ Instance Logger │ 4**/5** ◀─┴─▶ onRequest Hook │ 4**/5** ◀─┴─▶ preParsing Hook │ 4**/5** ◀─┴─▶ Parsing │ 4**/5** ◀─┴─▶ preValidation Hook │ 400 ◀─┴─▶ Validation │ 4**/5** ◀─┴─▶ preHandler Hook │ 4**/5** ◀─┴─▶ User Handler │ └─▶ Reply │ 4**/5** ◀─┴─▶ preSerialization Hook │ └─▶ onSend Hook │ 4**/5** ◀─┴─▶ Outgoing Response │ └─▶ onResponse Hook 우리는 주로 Reply(응답)이 있기 ...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [Fastify] Fastify Route분리 Plugin이해

    Fastify Plugin Route분리해보기 © dkfra19, 출처 Unsplash 이전 내용으로는 간단하게 라우트를 구성하는 방법에 대해서 알아보았습니다. Restful API의 꽃이 바로 Route의 기초 구성이겠죠. 이번에는 해당 라우트를 분리하는 방법에 대해서 알아보려고합니다. fastify 기초 구성 [Fastify] Fastify 프레임워크 API 만들기 Fastify Node로 사용해보기 많은 예시들을 찾아보면 Fastify Node로 작성하기보다는 Plugin을 만들어 ... blog.naver.com fastify.register() 활용 이제 플러그인을 구성하여 route를 분리하는 작업을 해보겠습니다. 다음 내용으로는 아마 prefix를 활용하는 방법에 대해서 알아보겠지만 오늘 배우는 내용으로 충분히 API를 구성하기에 충분하다고 생각이 들긴합니다. 메인 파일 생성하기 아 일단 저는 Javascript 기반으로 하고 있는데 추 후에 TypeScript를 활용하는 방법에 대해서도 같이 올리겠습니다. npm install fastify const fastify = require("fastify")({ logger: true }); fastify.register(require("./newRoute")); // Run the server! const serverStart = async () => { try { awai...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [Fastify] Fastify 프레임워크 API 만들기

    Fastify Node로 사용해보기 © gamell, 출처 Unsplash 많은 예시들을 찾아보면 Fastify Node로 작성하기보다는 Plugin을 만들어 자바스크립트 형태로 사용하는 경우가 많은 거 같아요. 오늘은 먼저 기본적인 Node에서 구현시키는 방법에 대해서 알아보자 오늘은 가장 기본적인 설계방법 기본 사용 원하는 디렉토리에서 npm을 이용하여 fastify를 설치한다. npm init -y npm install fastify --save 코드 작성하기 const fastify = require('fastify')() fastify.get('/', async (request, reply) => { return { status: 1 } }) fastify.listen(3000, function (err) { if (err) throw err fastify.log.info(`${fastify.server.address().port}`) }) 이제 노드로 실행하고 localhost:3000에 접근해보시면 우리가 원하는 결과가 나오면 성공입니다! 다음으로는 라우터를 작성하고 라우터 분리를 해보겠습니다! 참고 문헌/자료 - #Node #Fastify #API

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수8
    [Express] 설치하기 express 와 express-generator를 활용하여 API만들기

    Node Express Framework 설치하는 설정하는 방법 © jexo, 출처 Unsplash 오늘은 Node의 express 모듈을 설치하는 2가지 방법에 대해서 알아보려고합니다 첫 번째 방법은 가장 기본적인 방법인 모듈을 설치하고 해당 모듈을 연결하여 코드를 작성하는 방법 두 번째 방법은 제너레이터를 활용하여 기본적인 구조를 작성해주는 방법을 활용하려고합니다 가장 기본적인 방법 express 설치하기! 작업을 하고자하는 디렉토리에서 해당 명령을 진행합니다 npm init [-y] -y는 추가적인 옵션입니다 옵션을 안주더라도 진행 과정을 통해서 입력하게 되는 문구입니다. 해당 행위를 통해서 package.json과 node_module 폴더가 생성됩니다. 여기서 package.json과 package-lock.json의 경우 다른 환경에서 해당 프로젝트를 구성 시 자동으로 해당 프로젝트를 생성하는 과정에서 활용한 모듈을 설치해주는 역할을 담당합니다. (즉, 다른 서버로 프로젝트를 이동시 굳이 node_module 폴더를 옮길 필요가 없다는 것 입니다!) npm install --save express express 모듈을 설치해주세요 설치가되면서 위에서 설명한 내용처럼 package.json에 우리가 설치한 모듈이 기록이됨을 알 수 있습니다. 자! 이제 준비는 끝났습니다. 간단한 코드를 작성하여 동작을 확인해보겠습니다. exp...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [PHP] __call() 매직메소드란

    __call() © karlp, 출처 Unsplash 오늘은 간단하게 몇 줄만 기록하고 잠을 청하려고 합니다. 가볍게 알아볼 것은 __call()이라는 메소드입니다! __call() 매직메소드 우리가 프로그래밍을 하다보면 클래스를 생성함과 동시에 construct, destruct(destory), get, set 은 프로그래밍을 하다보면 자연스레 이해하고 적용을 하고 있을 것 입니다. php에는 그 외에 여러 메소드가 존재하지만 __call()이라는 메소드가 존재합니다. 거두절미 다 필요없이 바로 코드를 통해서 알아보자! 아래 사이트의 예제를 살펴보면서 한번에 생성자와 call에 대해서 알아보자! https://www.phptutorial.net/php-oop/php-__call/ class Str { private $s = ''; private $functions = [ 'length' => 'strlen', 'upper' => 'strtoupper', 'lower' => 'strtolower' // map more method to functions ]; public function __construct(string $s) { $this->s = $s; } public function __call($method, $args) { if (!in_array($method, array_keys($this->functions))) { ...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수3
    [VisualSVN] WebHook 자동 커밋?

    SVN Hook 전략 © markusspiske, 출처 Unsplash Client 사용방법은 딱히 깊게 설명할 필요가 없어서 간단하게 용어들만 몇 가지 알아보고 오늘의 메인 후킹전략에 대해서 알아보겠습니다. 비쥬얼 SVN 용어 Repository : 저장소 Trunk : 메인 줄기 Branch : 메인 줄기에서 나오는 가지 Tag : 릴리즈 버전 라벨링 Update : 서버에 반양된 소스를 업데이트 받기 (커밋된 정보를 업데이트 받는 거) Commit : 개발단에서 바뀐 소스를 반영 Merge : 가지들을 다시 합치기 Show Log : 로그를 확인 Check for modification : 수정된 파일 디렉토리 확인 Resolve : 충돌 시 SVN에서 만들어둔 파일을 최종 수정이후 업애주는 것 Update to revision : 특정 버전으로 업데이트 Revert : 원복 Clean Up : SVN 오 작동시 정리 Switch : 브랜치 변경 Add / Delete : 특정 파일을 추가하거나 삭제 (커밋을 하게되면 Add Delete는 자동) 훅 만들어보기 오늘의 핵심 내용인 SVN Server Auto Commit 왜 SVN Server Auto Commit이라고 표현을 굳이 한 이유는 제가 생성한 시나리오가 그렇습니다. 개발자가 커밋을 하면 서버에서는 커밋을 인지하고 자신의 서버의 저장소 데이터를 업데이트하는 전략 훅 전...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수3
    [VisualSVN] SVN Server 설치하기

    누구나 손쉽게 가능한 Visual SVN © kaleidico, 출처 Unsplash 현재 회사에서는 형상관리를 비쥬얼에스브이엔을 이용하여 하고 있습니다. 하지만 기존에 사용을 거의 안하고 있어서 이번에 새롭게 구성할 기회가 생겨 구성했습니다. 제가 생각하는 시나리오상 개발자가 개인 로컬에서 커밋을하면 개발서버(dev)가 자동으로 업데이트하여 반영하게 하는 시나리오를 작성하여 작업을 해보았습니다. 오늘은 그 첫 단추인 서버 설치입니다. 설치하기 Subversion Server for Windows | VisualSVN Server The proper way to setup an Apache Subversion server VisualSVN Server has reached more than 3,000,000 downloads and it's the most favored way to setup and maintain an Apache Subversion server on the Windows platform. It is certified for Windows Server and trusted both by... www.visualsvn.com 설치방버은 아주 간단합니다. 위의 링크를 통해서 서버를 설치하면 됩니다. (회사 서버가 윈도우 서버이기에 윈도우 버전 기준으로 설치하였습니다.) 설치 시 중요하게 생각해야하는 것이 몇 가지 존재...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [MSSQL] 요청자 추적하기 (프로파일링 쿼리)

    프로파일 쿼리 요청된 정보 추적 © kaleidico, 출처 Unsplash MSSQL Profile 실제로 MSSQL에서 제ㅐ공하는 DBMS를 활용하면 쿼리 없이 간단하게 서버 프로파일이 가능하지만 상황에 따라서 SQL을 날려서 정보를 가지고 싶은 경우가 종종 생깁니다. 예를 들어 연결된 커넥터 풀을 체크해야하는 경우와 같은 때 사용하기 좋은 쿼리입니다. SELECT DB_NAME(dbid) AS 'Database', COUNT(dbid) AS 'Connection Pool Count' FROM sys.sysprocesses WHERE dbid > 0 GROUP BY dbid; SELECT COUNT(dbid) AS 'Total Connection Pool Count' FROM sys.sysprocesses WHERE dbid > 0; SELECT * FROM sys.configurations WHERE name = 'user connections'; SELECT S.SPID AS '세션 ID', S.LOGINAME AS '로그인 이름', S.LOGIN_TIME AS '로그인 시간', S.LAST_BATCH AS '마지막 일괄 처리 시간', C.CLIENT_NET_ADDRESS AS '클라이언트 IP 주소' FROM sys.sysprocesses S, sys.dm_exec_connections C WHERE S.spid = C.SE...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [javascript] localStorage 와 sessionStorage 그리고 이전 window.onpageshow 뒤로가기 탐지

    로컬저장소와 세션저장소 그리고 온 페이지 쇼 이벤트 활용 © szolkin, 출처 Unsplash 안녕하세요. 오늘은 온 페이지 이벤트와 저장소에 대해서 간단하게 알아보려고합니다. 그럼 거두절미 바로 본론으로 들어가겠습니다. LocalStorage 로컬저장소란? 서버가 아닌 유저 PC에 특정한 정보를 저장하는 방법입니다. 자바스크립트에서 제공하는 LocalStorage 저장 그리고 사용하는 방법에 대해서 알아보려고 합니다. 저장하기 localStorage.setItem(keyName, keyValue) 위와 같은 방법으로 간단하게 로컬저장소에 데이터를 저장할 수 있습니다. 저장된 데이터를 우리는 필요에 따라서 불러서 사용할 수 있는데요. Javascript 로컬저장소에 저장된 정보를 불러오는 방법은 아래와 같습니다. 불러오기 let serverURL = localStroage.getItem(keyName) 위와 같이 불러 변수에 초기하여 사용이 가능합니다. 그외에도 locaStorage는 아래와 같은 메서드를 제공합니다. clear() removeItem(keyName) key(index) 위에 부터 차례차례 설명하자면 clear는 저장된 모든 데이터를 소멸하게 하는 메서드입니다. removeItem은 인자로 키를 받아 해당 Key가 있다면 소멸하는 것 입니다. 그리고 key(index)를 통하여 특정 key를 가지고오는 방법입니다....

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [PHP] 피에이치피 Trace 구현하기!

    php tracing call stack 만들기 © bradneathery, 출처 Unsplash 오늘은 php에서 추적을 구축하는 방법에 대해서 알아보려고합니다! 데이터독을 활용하는 방법도 존재하지만 내장함수를 활용하여 직접 구현하는 것도 좋은 방법이다~ 내장 함수 debug_backtrace 와 debug_print_backtrace 내장 함수중 위의 함수를 활용하여 추적이 가능하다! 아래와 같은 코드를 만들어서 실행하면 어떠한 결과가 나올까? public function bbb(){ debung_backtrace(); echo "BBB Call()"; } public function aaa(){ bbb(); } --- aaa(); 위와 같이 함수를 만들고 aaa()를 실행하면 bbb()함수가 작동할건데 bbb()는 동작하면서 자신을 부른 aaa() 함수가 존재하는 파일과 해당 라인까지 상세하게 표기를 해줍니다. 이 방법을 활용하여 자신만의 trace를 구현하여 활용하면 됩니다. 현재 저와 같은 경우는 회사내 프로젝트에서 여러 작업자가 거쳐가는 과정에서 똑같은 함수(비슷한 행동을 하는 함수)가 여럿 존재하는데 이러한 경우의 콜을 체크하거나 sql 을 동작시키는 과정의 실행시간을 탐지하는 함수를 만들어서 활용하여 최적화를 하고 있습니다. 이게 맞는 방법일지는 모르나 현재로써는 방도가 없기에 저는 트레이싱을 통해서 최대한 괜찮은 결과...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [MSSQL] 프로시저 내용체크하기

    프로시저 내용 찾기 © casparrubin, 출처 Unsplash 오늘도 간단하게 몇 줄 올리고 갑니다. MSSQL 프로시저 내용을 찾아보자 새로운 회사나 프리로 누군가 작업하던 프로그램을 접근하게 된다면 알아두면 좋은 쿼리문입니다. SELECT OBJECT_NAME(object_id), OBJECT_DEFINITION(object_id) FROM sys.procedures WHERE OBJECT_DEFINITION(object_id) LIKE '%찾을내용%' 위와 같이 Like 문을 활용하여 내가 찾고자하는 문구를 찾습니다! 참고 문헌/자료 - #MSSQL #프로시저

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수2
    [MSSQL] Merge를 활용한 Upsert 처리하기

    Merge를 활용한 Upsert 처리하기 © cbpsc1, 출처 Unsplash 오랜만에 블로그에 글을 올리네요! 오늘 일처리를 하다가 오랜만에 MSSQL을 사용하여 데이터를 자동화 저장하려다보니 MSSQL의 Upsert를 구현하는 방법에 대해서 가볍게 기록하려고합니다. 특정 데이터를 비교하여 Upsert하기 MSSQL 특정 한 데이터를 만들어 처리하는 방법입니다 MERGE [UPSERT가 동작할 테이블] AS A USING (SELECT [값1, 값2 ...]) AS B ([값1의 필드명, 값2의 필드명]) ON [A.필드명= B.값1의 필드명 AND A.필드명 = B.값2의 필드명] WHEN MATCHED THEN UPDATE SET [A의필드] = [업데이이트내용] WHEN NOT MATCHED BY TARGET THEN INSERT ([A의 필드들]) VALUES ([B.값1의 필드명, B.값2의 필드명, ...]); 위와 같은 방식을 활용하면 우징을 통하여 만들어낸 B의 데이터와 MERGE의 실제 정보가 입력될 테이블 A를 조인하여 정보가 존재하는 지 체크하여 매칭되는지 여부에 따라서 우리가 원하는 동작을 구현한 것 입니다. 위의 MSSQL Merge 키워드와 관련하여 자료를 찾아보면 더 좋은 전략도 많을겁니다! 특정 테이블에 있는 정보를 토대로 Upsert하기 MSSQL 이미 특정 테이블에 데이터가 있는경우 해당 테이블의 ...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수19
    진주휴대폰성지 SK텔레콤에서 풍성한 혜택이 더해진갤럭시S24 상담 후

    새로운 휴대폰이 나와도 그닥 관심이 안 갔던 제가 요 근래 신제품에 대한 관심이 급 생겼었는데요. 기존에 쓰던 폰이 점점 배터리도 빨리 닳고 이자인도 조금 지겨워 지는 것 같아서 상담 위해 매장을 알아 보게 되었어요. 핸드폰 좀더 저렴하게 알아보고자 진주휴대폰성지라 불리는 SK텔레콤 OK대리점 호탄점 방문했고 찾아 가는 길은 쉬웠습니다. 매장 앞에는 진열된 광고로 멀리서도 아 저기 구나 싶을 정도로 한눈에 알아 볼 수 있었습니다. 주변 지인이 여기가 혜택 많다고 해서 방문했는데 주차도 가능하다고 해서 저는 차 끌고 왔습니다. SK텔레콤 공식인증 대리점 이라는 문구가 눈에 확 들어온 매장 모습이 인상적. 공식 인증 대리점답게 방문할 때 신뢰감도 느껴졌고 덕분에 좀더 안전한 상담 가능할 것 같아서 맘 놓였습니다. 매장은 겉으로 봐도 좁지 않고 쾌적해 보였네요. 우리동네 친절한 매장, 고객 맞춤, 거기다 단골케어까지 가능하다는 문구가 제법 흥미로워요. 매장 운영에 대한 확신이 느껴져서 소비자로서 맘에 들었습니다.^^ 매장에 들어서자 마자 직원 분들께서 친절하게 맞이해 주셔서 기분 좋았는데요. 앞에 사람이 상담 받고 있어서 방문 고객에게 주는 간식 먹으면서 야간의 대기를 하며 앉아 있었어요. 나름 사람 없을 것 같은 시간대라고 생각하고 왔는데 저랑 같은 생각을 하신 분이 또 있었나 보네요.ㅋㅋ 상담은 1:1로, 아이패드로 진행 되었는데 굉장...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수15
    맥북허브 베이직기어 C타입허브 하나로 해결하자

    C타입 맥북허브 베이직기어 사용해보자! 맥북의 경우 USB허브가 없는 경우가 있습니다. 모델마다 다르지만 저와 같은 경우 M1 맥북프로를 사용하고 있는데 USB허브가 전혀 없습니다. 그래서 c타입허브가 필요한데요 오늘은 베이직기어의 맥북허브를 한번 사용해보려고 합니다. 해당 제품의 경우 7개의 기능을 함께 포함하고 있습니다. USB, HDMI, SD Card, LAN 필요한 기능만 쏙 들어있다고 생각이드네요. 또한 1년 워런티 기간이 있기에 문제가 발생하면 1년동안 언제든지 A/S를 받을 수 있을 거 같습니다. 모양도 상당히 깔끔하게 만들어져 있습니다. 일자형이며 옆에 각종 포트들이 있습니다. 또한 선의 재질도 상당히 괜찮고 구부려서 딱 모양을 만들어 두면 유지가 되는 거 같아요. 베이직기어의 맥북허브 는 위와 같이 두개의 USB포트를 제공하고 있고 SD카드, 마이크로SD카드 HDMI2.0과 LAN포트를 제공합니다. 랜포트의 경우 가장 윗 부분에 구성이 되어 있습니다. PD를 통해서 맥북을 바로 충전할 수 있는 거 같습니다. 저는 충전단자는 따로 사용중이라 베이직기어와 연결해서 활용은 안해보았지만 가능한거로 보입니다. 가장 중요한 HDMI 포트는 2.0버전을 채택하고 있습니다. HDMI 2.0 4K 60Hz를 지원하는 맥북허브 맥을 사용하신다면 4k모니터는 선택이 아닌 필수 입니다. 같이 들어있는 소개서에 상세한 스펙정보가 있으니 베...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수29
    협업툴 슬랙 Slack , 플로우 Flow 2종 알아보기

    협업툴을 사용하는 이유는 무엇일까? 처음 접하게되면 어렵지만 사용하다보면 일의 능률도 올라가고 팀원들과의 소통을 극대화 할 수 있는 도구입니다. 많은 업종에서 활용중이며 저와 같은 개발자들도 슬랙 노션 그리고 플로우와 같은 도구를 활용하여 소통을 하고 정보를 공유합니다. Slack 이란? 가볍게 생각하면 네이버라인/카카오의 카카오톡과 같은 메신저 협업 도구입니다. 개인, 회사 누구나 손 쉽게 활용이 가능하며 슬렉 API를 활용하여 컨플-지라와 연동하여 많이 활용합니다. 간단하게 워크스페이스를 생성하고 처음 시작 과정에서 채널생성까지 간단하게 알려줍니다. 무료와 유료로 나뉘며 개인이 가볍게 쓰고자하는 경우 굳이 유료버전을 사용하실 필요는 없습니다. DM(다이렉트 메시지)를 통해서 특정 팀원과 메시지 기능과 댓글 기능은 기본이기에 패스하고 채널을 간단하게 생성하고 설정한느 방법에 대해서 살펴보겠습니다! Slack 에서는 채널을 필요에 따라 생성이 가능하고 채널 생성 시 공개/비공개 형태로 구성이 가능합니다. 즐겨찾기는 채널에만해당하는게 아니고 DM에도 역시 동일하게 적용이 가능하여 주 업무를 같이하는 동료의 DM은 상위로 올려둘 수 있습니다. 회사마다 다르겠지만 제가 다녔던 회사들은 슬렉은 단순 메시지 협업툴로 활용하고 컨플루언스의 지라를 연동하여 업무의 스케줄을 올리고 작업을 했습니다. 하지만 캔버스를 활용하면 특정 채널을 통하여 간단...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수16
    만원대 저렴한 무소음 블루투스마우스 선이 필요없는 지클릭커 휘낭시에 오피스프로 OP04 3WAY

    오늘 사용해본 제품은 바로 만원대에 저렴하게 구매가 가능한 무소음 블루투스마우스 지클릭커 휘낭시에 오피스프로 OP04 3WAY 입니다. 해당 제품은 소음이 적고 작고 가볍고 손이 작은 사람에게는 딱 맞아서 사용하기가 편한 무선 제품입니다. 이외에도 2.4Ghz를 사용하여 USB를 활용한 블루투스 연결이 힘든 경우 2.4Ghz 리시버를 활용하여 선 없이도 연결이 가능한 블루투스마우스 입니다. 건전지를 넣어서 활용하는 제품으로 충전이 따로 필요없습니다. AA건전지를 넣어서 해당 제품을 활성화하여 여러가지 기기와 연결할 수 있습니다. 건전지 사용량을 줄이기 위해서 자동 절전 모드를 제공하고 있습니다. 마우스의 입력이 일정 시간 동안 없을때 스스로 절전에 빠지됩니다. 다시 활성화를 하는 방법은 간단하게 마우스를 클릭해주시면 됩니다. 왜 지클릭커 휘낭시에 마우스라고 불릴까? 우리가 맛있게 카페에서 먹는 휘낭시에를 닮았다 하여 지클릭커의 무소음마우스는 휘낭시에라는 별명을 가지고 있습니다. 멀리 이동하거나 가볍게 카페에서 작업하는 경우라면 주머니에 쏙 넣어서 다니면 될 거 같습니다. 1600DPI이며 준수한 반응속도를 자랑하는 거 같습니다. 총 4가지 컬러로 구성되어 있는데요. 저는 하얀색 지클릭커 검은색 블루투스마우스 2개를 활용해보았습니다. 무게도 가볍게 구성되고 인체공학 설계로 제작되어 오랜시간 사용해도 피로하지 않다고합니다. 회사에서 가볍...

    상세 화면으로 이동
  • 꾹의 개발노트
    이미지 수19
    아이엑스 UHD 8K 모니터를 위한 DP to HDMI 액티브 케이블 (60hz, 144hz, 240hz)

    어제는 아이엑스의 HDMI 2.1 케이블에 대해서 직접 맥북과 4K 모니터와 연결하여 사용해보았는데요. 오늘은 일반 데스크탑과 화면을 연결하는데 DP to HDMI를 활용해보겠습니다. 실제로 제품이 이렇게 포장되어 있습니다. 고급스럽게 주머니에 들어있어서 처음에 선물인가 할 정도로 신기했습니다. 액티브 케이블이기에 더욱 빠른 데이터 송신이 가능할겁니다. 그래서 해당 제품도 이전 DP1.4 to HDMI2.1도 동일하게 48Gbps를 적용받는 거 같습니다. 오늘 사용해볼 아이엑스의 두 단자가 섞여있는 DP1.4 to HDMI2.1 제품입니다. 집에 4K 모니터가 최대라 아쉽긴 하지만 일반 데스크탑과 활용하여 최대한의 성능을 뽑아내보려고합니다. 단, 해당 제품과 같은 경우는 해상도마다 60Hz ~ 240Hz 다양한 프레임을 제공하고 있네요 액티브 케이블을 이용하여 더 크고 더 선명한 화면을 송출해보세요 눈의 피로감도 줄이면서 8K 4K [UHD] 환경을 구현할 수 있습니다. DP 입력을 활용하여 한번 연결해보았습니다. 거리가 조금 있어서 1.5m짜리를 구매해서 구성했는데 어떤가요? 일반 사용하시는 HDMI로 입력 역할을 하여도 됩니다! 한 번더 이전 포스팅에서도 언급하였지만 아이엑스 UHD 모니터 케이블 이외에도 모든 품목에 대해서 무상 보증을 받을 수 있으니 문제가 있으면 기간내 꼭 교환 하세요 내구성이 상당히 좋아서 솔직히 교환 받을...

    상세 화면으로 이동