개발/기타

MacOS에서 커맨드로 폴더 이름 변경하는 방법

mv 명령어를 사용하면 손쉽게 MacOS에서 폴더 이름을 변경할 수 있습니다. mv 현재폴더이름 변경할이름 // ex) mv test test2 -> test 폴더 이름이 test2로 변경된다

개발/기타

TinyPNG를 활용해서 이미지를 압축하여 용량을 줄이는 방법 (Compress PNG images while preserving transparency)

TinyPNG는 스마트 손실 압축 기술을 사용하여 PNG 파일의 파일 크기를 줄입니다. 이미지의 색상 수를 선택적으로 줄임으로써 파일 사이즈를 최적화 시켜줍니다. 육안으로는 변화를 알아채기 힘들지만 용량 측면에서는 굉장히 많은 차이가 있음을 확인할 수 있습니다. 사용방법 사용방법은 굉장히 간단합니다. 아래 tinypng 사이트를 가신 후 전면에 있는 Drop your .png or .jpg files here에 파일만 드래그 앤 드랍만 해주시면 됩니다. 예시로 447.4KB의 파일을 압축해보도록 하겠습니다. https://tinypng.com/ TinyPNG – Compress PNG images while preserving transparency Make your website faster and s..

개발/기타

Netlify 301 Redirect 처리하는 방법

Netlify에서 301 Redirect를 처리하는 방법은 굉장히 간단합니다. netlify.toml 파일에서 TOML의 테이블 배열을 사용하여 각 개별 리디렉션 규칙만 지정해주면 됩니다. from: 리디렉션하기 전 경로 (변경 전) to: 리디렉션하려는 URL 또는 경로 (변경 후) status: 해당 리디렉션에 사용하려는 HTTP 상태 코드입니다. 디폴트는 301입니다. force: 경로의 기존 내용을 무시할지 여부, 디폴트는 false입니다. query: 리디렉션과 일치 시키려면 쿼리 문자열 매개 변수가 필요합니다. conditions: 국가 및 역할 조건과 같이 리디렉션과 일치하는 조건 headers: 프록시 리디렉션으로 보낼 추가 요청 헤더 signed: 프록시 리디렉션을 위한 환경 변수의 이름..

개발/기타

Chrome Extension을 활용해서 User-Agent를 자유롭게 변경 및 추가하는 방법

회사 내에서 웹뷰와 관련된 작업을 하는 경우가 많은데 그때마다 앱개발자 분들과 앱 그리고 웹 간에 커뮤니케이션 규약을 맞춰야 될 경우가 많았습니다. 예를 들어 앱에서 사용하고 있는 Auth Token이라던가 모바일웹일 경우가 아닌 실제 Android, iOS 애플리케이션에서 접속했는지에 대한 판별을 하기 위해서 웹뷰에서도 이러한 정보를 받아서 처리해야 될 경우들이 있습니다. 이러한 경우에 사용하는 방법이 Request Header와 UserAgent입니다. 하지만 매번 애플리케이션 내에서 웹뷰를 테스트하기에는 번거롭고 시간도 아깝습니다. 그래서 종종 Chrome Extension에서 UserAgent를 조작할 수 있는 User-Agent Switcher를 활용해서 디버깅을 하곤 합니다. UA를 설정하는 ..

개발/기타

Chrome Extension을 활용해서 HTTP Header를 자유롭게 변경 및 추가하는 방법

들어가기 전에... 회사 내에서 웹뷰와 관련된 작업을 하는 경우가 많은데 그때마다 앱개발자 분들과 앱 그리고 웹 간에 커뮤니케이션 규약을 맞춰야 될 경우가 많았습니다. 예를 들어 앱에서 사용하고 있는 Auth Token이라던가 모바일웹일 경우가 아닌 실제 Android, iOS 애플리케이션에서 접속했는지에 대한 판별을 하기 위해서 웹뷰에서도 이러한 정보를 받아서 처리해야 될 경우들이 있습니다. 이러한 경우에 사용하는 방법이 Request Header와 UserAgent입니다. 하지만 매번 애플리케이션 내에서 웹뷰를 테스트하기에는 번거롭고 시간도 아깝습니다. 그래서 종종 Chrome Extension에서 Request Header를 조작할 수 있는 ModHeader를 활용해서 디버깅을 하곤 합니다. Mod..

개발/기타

KG이니시스 웹표준 결제 모듈 연동

이니시스 Javascript 패키지 inipay-js 이니시스 결제 모듈 패키지 www.npmjs.com 이니시스 웹표준 결제에서 제공하는 지불수단은 아래와 같습니다. 신용카드 - 안심클릭, ISP, 비인증 신용카드, 해외 Visa 카드, 삼성월렛, PayPin 간편결제 – 카카오페이, Lpay, SSGpay, 삼성페이, Kpay, Payco 실시간 계좌이체 무통장입금(가상계좌) 휴대폰결제 포인트 상품권(문화상품권, 해피머니상품권, 스마트문화상품권) 전화결제(ARS) 신용카드, 휴대폰 빌링 (빌링키 발급만 가능) 결제 요청 페이지 작성(INIStdPayRequest) signkey값 설정 웹 표준 결제 이용시 패스워드 기능을 하는 코드로 MID 번호별로 부여됩니다. String mid = "INIpayT..

개발/기타

KG이니시스 웹표준 망 취소 요청 및 응답 데이터

※망 취소 요청 데이터(승인 요청 전문과 동일한 스펙) 필드명 한글명칭 예시 [Data Type, 밑줄은 기본값] 설명 필수 여부 크기 (최대) mid 가맹점 id [String] “INIpayTest” 가맹점 아이디 Yes 10 Byte fixed authToken 인증 결과코드 [String] “sgnWSY9uZ3c9lbkJItgiP4VdD 5L+dM0+dmuv+R707vExQC5 XjwjSCUOa/QumiTMW Y8+aLvjFu .......” 인증 결과에 대한 위변조 검증값 Yes (위변조 검증) -- price 인증가격 “1000” 인증 가격 결과에 대한 위변조 확인용 Yes (가격 64 Bytes timestamp 타임스템프 [Number] 1335233672723 TimeInMillis(Lo..

개발/기타

KG이니시스 웹표준 Signature 생성방법 (Javascript)

signature 개요 결제요청시 등 HTTPS post 요청시 가맹점의 요청이 정상적인 요청인지 여부 / 사용자의 위변조 방지를 위해 일부 데이터를 SHA256 으로 Hash 한 값 signature 는 form.submit 시 적용됩니다. signature 첨부 대상 INIpay Standard 의 모든 요청 결제(인증), 승인 APIsignature 생성 대상 필드(Target) 모든 요청의 signature 의 생성방법 동일하며, 요청별로 생성 대상 필드가 다름 * 요청별로 명시된 “signature 생성 대상(Target) 필드”를 참조 인증요청(결제요청) : oid, price, timestamp → “[TABLE 1-2] signature 생성 대상(Target) 필드“참조 승인요청 : au..

개발/기타

KG이니시스 웹표준 승인요청 데이터 필드

승인요청 데이터 필드명 한글명칭 예시 [Data Type, 밑줄은 기본값] 설명 필수 여부 크기 (최대) mid 가맹점 id [String] “INIpayTest” 가맹점 아이디 Yes 10 Byte fixed authToken 인증 결과코드 [String] “sgnWSY9uZ3c9lbkJItgiP4VdD 5L+dM0+dmuv+R707vExQC5 XjwjSCUOa/QumiTMW Y8+aLvjFu .......” 인증 결과에 대한 위변조 검증값 Yes (위변조 검증) -- price 인증가격 “1000” 인증 가격 결과에 대한 위변조 확인용 Yes (가격 위변조 검증) 64 Bytes timestamp 타임스템프 [Number] 1335233672723 TimeInMillis(Long형) →제공라이브러로 ..

개발/기타

KG이니시스 웹표준 승인 결과 데이터 필드

승인결과 데이터(공통) 필드명 한글명칭 Data Type 설명 크기 (최대) tid 거래번호 String 거래 번호 40 Byte resultCode 결과코드 String [0000 : 정상, 기타 : 실패] 승인결과코드 참조 10 Byte resultMsg 결과메세지 String 결과 메세지 100 Byte EventCode 이벤트코드 String 카드 할부 및 행사 적용 코드. [별첨정보 참조] 3 Byte TotPrice 거래금액 String 결제결과 금액 20 Byte MOID 주문번호 String 상점주문번호. 결제 요청시 "oid" 필드에 설정된값 40 Byte payMethod 지불수단 String 결제 방법 10 Byte applNum 승인번호 String 결제수단에 따리 미전송 16 By..

개발/기타

KG이니시스 웹 결제 인증결과 데이터

[TABLE 2-1] 인증결과 데이터 필드명 한글명칭 Data Type 설명 크기 (최대) resultCode 결과코드 String [0000 : 정상, 기타 : 실패] 10 Byte resultMsg 결과메세지 String 성공시 : 성공, 실패시 : 기타 오류 메시지 100 Byte mid 가맹점 ID String 가맹점 ID 10 Byte orderNumber 가맹점 주문번 호 String 가맹점 주문번호 40 Byte authToken 승인요청 String 승인요청검증토큰 authUrl 승인요청 Url String 해당 URL로 HTTPS API Request(httpClient 통신) 승인 요 청(POST) netCancelUrl 망취소요청 Url String 승인요청후 인증결과 수신 실패 / ..

개발/기타

KG이니시스 웹 결제 기본 요청데이터 필드

필드명 한글명칭 예시 [Data Type, 밑줄은 기본값] 설명 필수 여부 크기 (최대) version 버전 [String]"1.0" [1.0] 전문 버전 Yes 20 Byte mid 상점아이디 [String] "INIpayTest" 제공된 mid * 10자리 고정 Yes (위변조검증) 10 Byte Fixed oid 주문번호 [String] INIpayTest__1335233672723 주문단위 unique한 값 ( mid+”_”+timestamp ) Yes 40 Byte goodsname 상품명 [String] “키보드/마우스” 한글/특수기호 입력가능 * 40Byte 초과 요청시 37Byte+...으로 자동 변환 Yes 40 Byte price 결제금액 [Number] 1004 숫자만 입력 1달러는 ..

개발/기타

[MAC] 사용중인 포트 찾아서 Kill 하기

포트 찾기 lsof 는 list open files 의 약자로 시스템에서 열린 파일 목록을 알려주고 사용하는 프로세스, 디바이스 정보, 파일의 종류등 상세한 정보를 출력해 준다. lsof -i :포트번호 ex. lsof -i :8000 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 1234 shaking 15u IPv4 0x1f23462a48d69d65 0t0 TCP localhost:cslistener (LISTEN) Kill 하기 kill -9 ex. kill -9 1234