HunIT Blog

[아마존] LIHAN 자동차용 충전기 어댑터, 2 소켓, 12V 듀얼 USB 포트

HUN IT Blog — Tue, 18 Jul 2023 21:10:24 +0900

Amazon.com: LIHAN 자동차 충전기 어댑터, 2 소켓 담배 라이터 스플리터, 12V 듀얼 USB 포트, 24V 전압 디

www.amazon.com

● 상품 설명

[담배 라이터]: 플러그 길이 5.5cm(2.17인치). 오른쪽 담배 구멍은 자동차 장치에 사용할 수 있으며 담배 라이터에도 사용할 수 있습니다. 열이 필요할 때 매우 편리합니다.

[확장 장점]: 자동차 담배 라이터를 소켓 1개에서 소켓 2개와 USB 포트 2개로 변환하고 늘려 한 번에 최대 4개의 장치를 충전할 수 있습니다. 듀얼 전원 소켓, 총 출력 80W, 12/24V 차량에 적합합니다. 도로의 여러 장치에 적합합니다.

[듀얼 USB 포트]: 2개의 USB 포트는 충전 장치에 따라 지능형 출력 전류를 제공합니다. 총 출력 5V/3.1A. 지능형 회로 디자인은 합선, 과열, 과전류 및 과충전으로부터 보호합니다. 애플, 아이폰, 아이팟, 아이패드, 태블릿, 삼성 갤럭시, HTC, LG, 킨들과 호환됩니다.

[자동차 배터리 전압 표시]: LED는 자동차 담배 라이터에 넣을 때 자동차 배터리 전압을 보여줍니다. 항상 배터리 상태를 유지하고 안전하게 유지할 수 있습니다. 스마트 출력 전류: 60MA-3100MA.

[독립적인 스위치]: 각 담배 라이터는 독립적인 스위치와 별도의 조명이 있어 쉽게 켜고 끌 수 있습니다. 이 장치는 90도 회전할 수 있어 사람들이 사용하기 편리합니다.

Car Charger Adapter, Dual Socket Cigarette Lighter Power& Dual USB Outlet Splitter with 12/24V Voltage Display

Dual cigarette socket splitter, total output 80W, Fit for 12/24V car. Excellent electronic-equipped charge solution for multiple devices on the road.

2 USB ports can intelligent output current according to charge devices. Total output 5V/3.1A enable you to charge two tablets or phones simultaneously.
Intelligent circuit design protects against short-circuiting, over-heating, over-currents, and over-charging.
Compatible with iPhone 14/13/12/11/XS/XS Max/XR/X/8 Plus/8/7/6, iPad Air/Pro/Mini, iPod, Samsung Galaxy S8/9/10/Plus NOTE 9/10/+, Google Pixel 2/3/3A/4/XL, Nexus, Motorola, LG, Sony, Nexus, HTC, Tablets, cameras, GPS, Kindle, laptop, etc.

Dual-socket cigarette lighter,12V/24V cigarette lighter sockets provide a total of up to power 80W. Fit with all standard cigarette lighter socket devices including GPS, dash cam, Tomtom, SatNav, seat heater, cooler box, DVD player, or other portable appliances in your vehicle.
The right side cigarette hole except for electronic products also can be used as a cigarette lighter.
Fit for 12V/24V Car, Jeep, SUV, MPV, Trucks, Van, etc.

Two independent switches designed for two cigarette lighters for safe operation, no need to plug in and out your chargers every time.

The extra intelligent circuit design can quickly cool down to prevent the car charger and your devices from over-temperature, over-current, over-voltage, and overload.

1.For 12V car, when the voltage is under 11.5V or higher than 14.9V, the display while shinning to remind driver the car with battery issue.
2.For 24V car, when the voltage is under 23.1V or higher than 27.3V, the display while shinning to remind driver the car with battery issue.If the car battery has a voltage abnormal issue, please find car care shop to examine the car battery.

Please noted:

1. Please note if there is a protruding edge more than 1.2 inch around your cigarette lighter as picture. The product may not be applicable. Please make sure that the product is applicable before purchase.
2. The car charger has build-in fuse.
3.The manual is print on the package box, please check the package box if need.

● 아마존 URL

https://amzn.to/3rzPYwd

TCJJ 미니 휴대용 팬, 거울 및 보조 배터리가 있는 접이식 미니 휴대용 팬, USB 충전식 및 2500mAh 배터리 [18-24시간]

HUN IT Blog — Fri, 14 Jul 2023 22:37:00 +0900

Amazon.com: TCJJ 미니 휴대용 팬, 거울 및 보조 배터리가 있는 접이식 미니 휴대용 팬, USB 충전식 및 2

www.amazon.com

미니 선풍기 설명

【3가지 속도의 강력한 공기 흐름】이 휴대용 미니 팬은 3단 속도 조절 가능한 냉각 바람과 함께 강력한 공기 흐름을 제공하여 더운 여름에 사용하기에 적합합니다. 너무 많은 소음을 일으키거나 주변 환경을 방해하지 않습니다. 팬의 최대 회전 속도는 3600rpm에 이르므로 강한 바람을 제공하여 시원함을 유지할 수 있습니다.

【터치에 안전한 스마트】블레이드는 부드러운 TPE이며 안전합니다. 모터는 터치 스톱 보호 장치로 업그레이드되었습니다. 손가락이 날에 닿으면 바로 멈춥니다. 사용 중에 팬 블레이드로 인한 잠재적인 부상을 걱정할 필요가 없습니다.

【백업 보조 배터리 기능】휴대용 미니 팬은 필요한 경우 휴대폰을 충전할 수 있는 외부 백업 보조 배터리로 완벽한 옵션입니다. 2500mAh 배터리는 백업 보조 배터리로 충분합니다. 업그레이드된 디자인으로 작업 중에 방해가 되지 않는 소음을 50dB까지 낮춥니다.

【24시간 긴 내구성】2500mAH 충전식 배터리로 90분 완전 충전 후 최대 24시간의 냉각 시간. 매우 긴 배터리 수명으로 여행, 출퇴근, 작업 및 기타 야외 활동 중에 즐길 수 있습니다. 이 미니 휴대용 팬은 일반 USB 소켓, 노트북, 보조 배터리 또는 자동차 충전기를 통해 USB 충전기가 가능합니다.

【미니 사이즈, 접이식 포켓 디자인】이 미니 휴대용 선풍기는 미니 포켓 팬으로 접을 수 있으며 작고 주머니에 쉽게 넣을 수 있습니다. TCJJ 휴대용 휴대용 선풍기는 더운 날에 몸을 시원하게 해주는 일상적인 휴대 필수 선풍기이며 다양한 요구를 충족시키기 위해 다기능입니다.

미니 선풍기 아마존 직구 링크

https://amzn.to/46KSb7T

JAVA｜CRC-32 계산 예제 (Polynomial 설정)

HUN IT Blog — Tue, 11 Jul 2023 10:43:56 +0900

CRC란?

이미지나 실행 프로그램, 압축파일 등등. 모든 파일은 16비트 Hex값 바이트 배열(Bytes)로 변환이 가능하다. 그래서 파일 위변조나 에러 체크를 하는 방법은 원본파일과 전송된 파일을 풀어 Hex값을 비교해서 일치하는지 확인해 보면 된다.

눈에 보이는 프로그램이나 가벼운 프로그램은 쉽게 알아차릴 수 있지만, 용량이 크거나 파일이 위변조가 됬는지 알려면 수많은 Hex값을 비교해봐야 하는데 쉽지 않다. 이걸 간단하게 확인 할 수 있는 방법이 CRC(Cyclic Redundancy Cehck)다. Hex값들을 다항식 알고리즘을 적용하여, 이를 송신측과 수신측이 각각 검증코드를 만들어서 일치하는지 확인하면 된다.

CRC 종류

CRC는 결과 자리수에따라 크게 CRC-8 / CRC-16 / CRC-32 / CRC-64 로 나눠진다. (이 외에 더있음)

∥ CRC 종류별 결과 예시

CRC-8 : ex) 0xF4 (1byte)

CRC-16 : 0x31C3 (2bytes)

CRC-32 : 0xCBF43926 (4bytes)

CRC-64 : 0x6C40DF5F0B497347 (8bytes)

이중에서 개인적으로 많이 쓰는건 CRC-16과 CRC-32다. 이 중 암호화에서 더 많이 통용되는 MD5와 SHA256등은 CRC-32를 사용하는것으로 알고있다. 자세한 부분은 해시넷 위키 를 참고하면 될듯 하다.

CRC 예제

이제 각설하고, 자바(JAVA)에서 내가 사용하고 있는 CRC-32를 계산하는 예제를 정리해본다. 해당 예제는 hex값들을 메모장에 저장해놓고, 메모장을 읽어서 해당 CRC값들을 계산한다.

buffer = 메모장에 저장한 hex값(payload 길이) + CRC32결과(4byte)

예제에는 실제 사용되는 것처럼 버퍼에 데이터를 넣고 CRC 계산 후 CRC 결과값을 버퍼 마지막 위치에 저장한다.

○ CRC32.java

public class CRC32 {

    public static CRC32Data Crc32 = new CRC32Data("CRC-32", 32, 0x04C11DB7L, 0, false, false, 0, 0xCBF43926L);
    public static CRC32Data Crc32Bzip2 = new CRC32Data("CRC-32/BZIP2", 32, 0x04C11DB7L, 0xFFFFFFFFL, false, false, 0xFFFFFFFFL, 0xFC891918L);
    public static CRC32Data Crc32C = new CRC32Data("CRC-32C", 32, 0x1EDC6F41L, 0xFFFFFFFFL, true, true, 0xFFFFFFFFL, 0xE3069283L);
    public static CRC32Data Crc32D = new CRC32Data("CRC-32D", 32, 0xA833982BL, 0xFFFFFFFFL, true, true, 0xFFFFFFFFL, 0x87315576L);
    public static CRC32Data Crc32Jamcrc = new CRC32Data("CRC-32/JAMCRC", 32, 0x04C11DB7L, 0xFFFFFFFFL, true, true, 0x00000000L, 0x340BC6D9L);
    public static CRC32Data Crc32Mpeg2 = new CRC32Data("CRC-32/MPEG-2", 32, 0x04C11DB7L, 0xFFFFFFFFL, false, false, 0x00000000L, 0x0376E6E7L);
    public static CRC32Data Crc32Posix = new CRC32Data("CRC-32/POSIX", 32, 0x04C11DB7L, 0x00000000L, false, false, 0xFFFFFFFFL, 0x765E7680L);
    public static CRC32Data Crc32Q = new CRC32Data("CRC-32Q", 32, 0x814141ABL, 0x00000000L, false, false, 0x00000000L, 0x3010BF7FL);
    public static CRC32Data Crc32Xfer = new CRC32Data("CRC-32/XFER", 32, 0x000000AFL, 0x00000000L, false, false, 0x00000000L, 0xBD0BE338L);

    public static final CRC32Data[] Params = new CRC32Data[]{
            Crc32, Crc32Bzip2, Crc32C, Crc32D, Crc32Jamcrc, Crc32Mpeg2, Crc32Posix, Crc32Q, Crc32Xfer
    };
}

○ CRC32Data.java

public class CRC32Data {

	public CRC32Data(String name, int hashSize, long poly, long init,
			boolean refIn, boolean refOut, long xorOut, long check) {
		
		Name = name;
		HashSize = hashSize;
		Poly = poly;
		Init = init;
		RefIn = refIn;
		RefOut = refOut;
		XorOut = xorOut;
		Check = check;
		
	}

	public long Check;
	public int HashSize;
	public long Init;
	public String Name;
	public long Poly;
	public boolean RefIn;
	public boolean RefOut;
	public long XorOut;
}

○ CrcCalculator.java

public class CrcCalculator {

    public CRC32Data Parameters;
    public byte HashSize = 8;
    private long _mask = 0x0000000000000000L;
    private long[] _table = new long[256];
    
    public CrcCalculator(CRC32Data params){
        Parameters = params;

        HashSize = (byte) params.HashSize;
        if (HashSize < 64){
            _mask = (1L << HashSize) - 1;
        }

        CreateTable();
    }

    public long Calc(byte[] data, int offset, int length){
        long init = Parameters.RefOut ? ReverseBits(Parameters.Init, HashSize) : Parameters.Init;
        long hash = ComputeCrc(init, data, offset, length);
        return (hash ^ Parameters.XorOut) & _mask;
    }

    private long ComputeCrc(long init, byte[] data, int offset, int length){
    	
        long crc = init;

        if (Parameters.RefOut){
            for (int i = offset; i < offset + length; i++){
                crc = (_table[(int)((crc ^ data[i]) & 0xFF)] ^ (crc >>> 8));
                crc &= _mask;
            }
        }else{
            int toRight = (HashSize - 8);
            toRight = toRight < 0 ? 0 : toRight;
            for (int i = offset; i < offset + length; i++){
                crc = (_table[(int)(((crc >> toRight) ^ data[i]) & 0xFF)] ^ (crc << 8));
                crc &= _mask;
            }
        }

        return crc;
    }
    

    private void CreateTable(){
        for (int i = 0; i < _table.length; i++)
            _table[i] = CreateTableEntry(i);
    }

    private long CreateTableEntry(int index){
        long r = (long)index;

        if (Parameters.RefIn)
            r = ReverseBits(r, HashSize);
        else if (HashSize > 8)
            r <<= (HashSize - 8);

        long lastBit = (1L << (HashSize - 1));

        for (int i = 0; i < 8; i++){
            if ((r & lastBit) != 0)
                r = ((r << 1) ^ Parameters.Poly);
            else
                r <<= 1;
        }

        if (Parameters.RefOut)
            r = ReverseBits(r, HashSize);

        return r & _mask;
    }
    
    static long ReverseBits(long ul, int valueLength){
    	
        long newValue = 0;

        for (int i = valueLength - 1; i >= 0; i--){
        	
            newValue |= (ul & 1) << i;
            ul >>= 1;
            
        }

        return newValue;
    }

○ CrcTest.java

import java.io.BufferedReader;
import java.io.File;
import java.io.FileReader;

public class CrcTest {

	private static int bufferlength = [각자 정의];

	public static void main(String[] args) throws Exception {

		readTxt();
	}

	public static void readTxt() throws Exception {

		// payload + CRC 4byte 포함하여 사이즈 정의
		byte[] buffer = new byte[bufferlength];

		// txt 파일에 hex값 정의 후 읽어온다.
		byte[] payload = readFileToByteArray("./db/test.txt");
		// 읽은값을 버퍼에 저장
		System.arraycopy(payload, 0, buffer, 0, payload.length);

		// CRC32 기본 알고리즘 적용
		CrcCalculator crcCal = new CrcCalculator(CRC32.Params[0]);
		// CRC결과값 4byte 제외한 데이터까지 계산
		long nInPacketCrc32 = crcCal.Calc(buffer, 0, bufferlength - 4);
		System.out.println("nInPacketCrc32 : " + nInPacketCrc32);

		// 4byte 0채움
		String getHex = Long.toHexString(nInPacketCrc32);
		if (getHex.length() == 7) {
			getHex = "0".concat(getHex);
		} else if (getHex.length() == 6) {
			getHex = "00".concat(getHex);
		} else if (getHex.length() == 5) {
			getHex = "000".concat(getHex);
		}

		// 만들어진 CRC결과 버퍼에저장.
		byte[] hexCrc32 = new byte[4];
		hexCrc32 = hexStringToByteArray(getHex);
		System.arraycopy(hexCrc32, 0, buffer, 0, hexCrc32.length);
	}

	private static byte[] readFileToByteArray(String fileName) throws Exception {

		File file = new File(fileName);
		BufferedReader br = new BufferedReader(new FileReader(file));
		String str = br.readLine(); // 변수 선언과 첫번째 문자열 대입
		StringBuffer sb = new StringBuffer();
		while (str != null) {
			str = str.replace(" ", "").replace("\n", "");
			sb.append(str);
			str = br.readLine(); // 메모장 다음 문자열 읽기
		}
		br.close();

		return hexStringToByteArray(sb.toString());
	}

	public static byte[] hexStringToByteArray(String s) {
		int len = s.length();
		byte[] data = new byte[len / 2];
		for (int i = 0; i < len; i += 2) {
			data[i / 2] = (byte) ((Character.digit(s.charAt(i), 16) << 4) + Character.digit(s.charAt(i + 1), 16));
		}
		return data;
	}
}

CRC Polynomial 설정

CRC 예제는 위와 같다. 여기서 Polynomial은 CRC32.java 에서 설정하면 된다.

public static CRC32Data Crc32 = new CRC32Data("CRC-32", 32, 0x04C11DB7L, 0, false, false, 0, 0xCBF43926L);

여기서 0x04C11DB7L이 Polynomial 값이다. 뒤에 L은 데이터 타입 Long을 의미하는듯 하다.

뒤에 0,false, false,0 은 각각 Initial Value , Input reflected, Result reflected, Xor Value 등등인데 이 부분을 어떻게 건드리냐에 따라 CRC32 결과값이 달라진다.

이 부분은 개발자입장에서는 문서나 규격에 정의된대로 설정하면 되는데, 미리 잘 만들어진 CRC 예제 사이트를 참고해서 원하는 결과값이 나오는지 확인하고 맞춰가면 될듯하다.

[vue3 error] Vue packages version mismatch: vue-template-compiler@2.7.14, vue@3.3.4 (해결)

HUN IT Blog — Tue, 20 Jun 2023 12:07:28 +0900

vue2를 사용하면 간단히 에러메시지에서 제안하는 내용으로 쉽게 해결이 가능하지만, 난 vue3를 사용하고 있어서 vue3 버전과 vue complier 버전이 맞지 않아 구글링을 해야 했다. 참 신기하게도 vue-template-compiler 2.7.14버전과 vue3 버전인 3.3.4 버전을 설치 후 실행도 잘 됬었다. 잘 되다가.. 물론 여러가지 뭘 건드린것 같긴 한데 이런 에러가 떠버렸다.

에러에서 제시하는 해결방법을 번역해보면,

vue-loader@>=10.0을 사용하는 경우 vue-template-compiler를 업데이트하기만 하면 됩니다. vue-loader@<10.0 또는 vueify를 사용하는 경우 vue-loader/vueify를 다시 설치하면 vue-template-compiler가 최신 버전으로 변경됩니다.

나는 package.json에 아래와 같이 정의했었다.

"vue": "^3.3.4",
"vue-loader": "^17.2.2",
"vuerify": "^0.4.0",
"vue-template-compiler": "^2.7.14"

vue-loader는 일단 10이상 버전이기때문에 vue-template-compiler를 지워도 보고, 업데이트도 해보고, 최신버전으로 다시 깔아보고 다 해봤지만 해결이 안됬다. 최후의 수단 구글링을 해보니, 스택오버플로우에서 어떤 분이 제안하는 내용이 있었다. 한번 시도해봐야겟다.

▼ stackoverflow

vue3 부터는 vue-template-compiler가 지원이 안되니 삭제하고, @vue/compiler-sfc를 설치해서 써야되나보다. 그리고 설치만 하면 되는게 아니라 다른 패키지들도 같이 업데이트 해야한다. 나는 무식하게 에러가 해결될때까지 package.json에 있는 패키지 목록 중 될때까지 아래와 같이 업데이트했다. 중요한건 vue-template-compiler를 지우고 진행했고, 여러 버전들을 업데이트 하니 에러가 해결됬다.

npm i -g @vue/cli
npm i vue-router@4
npm i babel-jest@next -D
npm i vue-jest@next -D
npm i vuerify@next
npm i vue-loader@next

중간중간 jest가 들어있는데 jest는 테스트 라이브러리로 설치 안하신분들은 빼시면 됩니다. 중요한건 vue/cli , vue-router, vuerify, vue-loader를 업데이트 하면 해결 되는것 같습니다.

[vue] npm install 명령어 정리

HUN IT Blog — Mon, 19 Jun 2023 12:35:35 +0900

vue 공부를 하다보니 정말이지 환경설정 잡는게 제일 어려운것 같다. 각 패키지 버전이 안맞으면 계속 에러나고, 에러를 잡고 다른 패키지 설치하면 또 에러가 나고 그래서 NPM 설치 명령어 정리를 해야겠다. 모든 옵션은 레퍼런스를 참고하면 되고, 내가 사용해본 옵션들 위주로 정리해본다.

NPM install (전체 설치)

npm install
npm i

package.json에 정의된 모든 패키지를 설치한다.(dependencies와 devDependencies ALL), 에러가 나거나 프로젝트를 시작할때, 재빌드할때, 배포환경에서 빌드할때 등의 상황에서 사용.

NPM uninstall (패키지 삭제)

npm uninstall vue-loader
npm rm vue-loader

패키지를 제거할때 사용된다. 해당 옵션을 사용하면 package.json에 정의된 패키지와 node_modules 폴더안의 해당 패키지가 삭제된다.

NPM -g 옵션 (전역 설치)

npm install -global vue@next
npm install -g vue@next

전역 설치라 함은 프로젝트 전체에서 사용할 수 있게 설치한다는 뜻. -g를 안붙이면 해당 프로젝트내에서만 사용가능하다.

OS에 따라 전역 설치된 패키지는 해당 경로에 저장된다.

윈도우(Window)의 경우
c:\Users\%USERNAME%\AppData\Roaming\npm\node_modules
macOS의 경우
/usr/local/lib/node_modules

NPM --save 옵션 (package.json에 저장)

npm install eslint --save

패키지 설치 후 package.json에 저장하는 옵션. node_module 폴더를 삭제 해도 package.json에 패키지가 정의되있기 때문에 npm install시 재 설치 가능하다. NPM5 버전부터는 자동으로 --save 옵션이 포함되어 있어, 최신 버전으로 설치한 분들은 굳이 이 옵션을 붙이지 않아도 된다.

NPM -D 옵션 (devDependencies에 설치)

npm install case-sensitive-paths-webpack-plugin -D
npm install case-sensitive-paths-webpack-plugin -dev

위와 같이 설치할 패키지명 뒤나 install 다음에 -D 를 붙이면 된다. save 옵션을 추가할 경우 --save-dev 로 사용하면 된다.

NPM @버전명 (특정 버전 설치)

npm install eslint@^7.32.0

위와 같이 설치할 패키지 뒤에 @버전명을 붙이면 된다.

NPM v 옵션 (패키지 버전명 확인)

npm view vue-router
npm v vue-router

하단의 dist-tags 에는 edge, latest, legacy, next 버전이 포함됨. npm install시 @edge 나 @next등을 붙이면 해당 버전으로 설치 가능. 대신 dist tags에 명시된 버전이 없는 경우 타겟을 못 찾아 설치가 안될 수 있음.

NPM @next (버전설치 예시)

npm install vue-router@next

npm view로 dist tags 읽었던 부분에서 next 버전을 예로 든 명령어다.

[vue] package.json NPM Package 관리, 업데이트 방법

HUN IT Blog — Mon, 19 Jun 2023 12:05:45 +0900

vue 공부를 하다보면 책과 오픈소스로 공부하게 되는데, package.json의 dependencies, DevDependencies 버전관리가 전부 다르다. 여기서 dependencies는 배포 환경의 의존성, DevDependencies는 로컬 개발환경의 의존성이다. 배포할때 없으면 안되는 필수 의존성(vue, vue-router, vuex ... 등) 을 dependencies에 넣고, 개발환경에만 필요한 의존성은 DevDependencies에 넣는다. (배포,로컬 어디다 배치하는 부분은 삽질을 여러번 해봐야 할 것 같다)

나같은 경우는 아직 공부중이라 dependencies는 이렇게 배치해봤는데, 여기서 더 줄여서 개발환경으로 옮겨도 될것같다.

배포환경의 의존성을 줄이는 이유는 보기 편하라고도 있지만, 배포 환경에서 해당 프로젝트를 Import 해서 빌드할 경우 개발할때만 필요했던 의존성을 굳이 설치할 이유가 없고, depndencies에만 정의했던 의존성만 빠르게 빌드하여 배포할 수 있다.

공부하면서 나눠본 dependencies / devDependencies

  "dependencies": {
    "axios": "^1.4.0",
    "build": "^0.1.4",
    "core-js": "^3.8.3",
    "jquery": "^3.7.0",
    "popper.js": "^1.16.1",
    "vue": "^3.0.0-rc.5",
    "vue-loader": "^17.2.2",
    "vue-router": "^4.0.13",
    "vuex": "^4.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@types/bootstrap": "^5.2.6",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-plugin-e2e-nightwatch": "^3.0.1",
    "@vue/cli-plugin-unit-jest": "^3.0.1",
    "@vue/cli-service": "^5.0.8",
    "@vue/test-utils": "^1.0.0-beta.20",
    "@vuelidate/core": "^2.0.2",
    "@vuelidate/validators": "^2.0.2",
    "vue-template-compiler": "^2.7.14",
    "babel-jest": "^23.0.1",
    "eslint": "^7.32.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-prettier": "^4.0.0",
    "eslint-plugin-vue": "^8.0.3",
    "moxios": "^0.4.0",
    "prettier": "^2.4.1",
    "node-sass": "^4.9.0",
    "sass": "^1.63.4",
    "sass-loader": "^13.3.2",
    "vue-style-loader": "^4.1.3",
    "bootstrap": "^5.3.0",
    "bootstrap-icons": "^1.10.5"
  },

배포 의존성만 설치 명령어

npm -i --production

NPM 패키지 업데이트

위에서 package.json 패키지를 나눠봤다면 버전관리를 어떻게 할 지 궁금해졌다. 공부하면서 참고한 책과 블로그, 오픈소스에서는 버전이 낮은 편이다. 물론 그대로 사용해도 에러가 안나면 상관이 없지만, 버전이 또 설치된거랑 안 맞으면 에러가 나서 골치가 아프다. 그래서 패키지를 최신으로 업데이트해서 사용해보기로 하고 업데이트 방법을 정리하기로 했다.

순서1. package.json에 등록된 의존성 업데이트

$ npm i -g npm-check-updates

순서2. 업데이트전 패키지별 변경사항 확인(package.json 바뀔내용)

$ ncu

순서3. 업데이트 진행(package.json의 내용만 바뀜)

$ ncu -u

순서4. 변경된 패키지 설치

$ npm install

번외 : 업데이트가 필요한 패키지 확인

npm outdated

[SpringBoot Error] Cannot load driver class: com.mysql.cj.jdbc.Driver (해결)

HUN IT Blog — Fri, 16 Jun 2023 14:12:09 +0900

SpringBoot 환경설정 중 책과 오픈소스들로 스터디 하는 중 해당 에러가 발생했다.

처음 환경 잡을때는 발생하지 않다가 Controller 작업하다가 DB 접근 해야되서 발생한건지? 모르겠지만 application 설정 관련 에러인것 같다.

정확하게 전체 에러는 다음과 같았다.

org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'inMemoryDatabaseShutdownExecutor' defined in class path resource [org/springframework/boot/devtools/autoconfigure/DevToolsDataSourceAutoConfiguration.class]: Unsatisfied dependency expressed through method 'inMemoryDatabaseShutdownExecutor' parameter 0; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataSource' defined in class path resource [org/springframework/boot/autoconfigure/jdbc/DataSourceConfiguration$Hikari.class]: Bean instantiation via factory method failed; nested exception is org.springframework.beans.BeanInstantiationException: Failed to instantiate [com.zaxxer.hikari.HikariDataSource]: Factory method 'dataSource' threw exception; nested exception is java.lang.IllegalStateException: Cannot load driver class: com.mysql.cj.jdbc.Driver
	at org.springframework.beans.factory.support.ConstructorResolver.createArgumentArray(ConstructorResolver.java:732) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.ConstructorResolver.instantiateUsingFactoryMethod(ConstructorResolver.java:474) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.instantiateUsingFactoryMethod(AbstractAutowireCapableBeanFactory.java:1247) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBeanInstance(AbstractAutowireCapableBeanFactory.java:1096) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:535) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:495) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.lambda$doGetBean$0(AbstractBeanFactory.java:317) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:222) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:315) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:199) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:304) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:199) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.context.support.AbstractApplicationContext.getBean(AbstractApplicationContext.java:1089) ~[spring-context-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.context.support.AbstractApplicationContext.finishBeanFactoryInitialization(AbstractApplicationContext.java:859) ~[spring-context-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:550) ~[spring-context-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.refresh(ServletWebServerApplicationContext.java:140) ~[spring-boot-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.SpringApplication.refresh(SpringApplication.java:762) [spring-boot-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.SpringApplication.refreshContext(SpringApplication.java:398) [spring-boot-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.SpringApplication.run(SpringApplication.java:330) [spring-boot-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1258) [spring-boot-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1246) [spring-boot-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at com.tide.ami.TideAmiApplication.main(TideAmiApplication.java:10) [classes/:na]
	at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:1.8.0_221]
	at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) ~[na:1.8.0_221]
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:1.8.0_221]
	at java.lang.reflect.Method.invoke(Method.java:498) ~[na:1.8.0_221]
	at org.springframework.boot.devtools.restart.RestartLauncher.run(RestartLauncher.java:49) [spring-boot-devtools-2.0.4.RELEASE.jar:2.0.4.RELEASE]
Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataSource' defined in class path resource [org/springframework/boot/autoconfigure/jdbc/DataSourceConfiguration$Hikari.class]: Bean instantiation via factory method failed; nested exception is org.springframework.beans.BeanInstantiationException: Failed to instantiate [com.zaxxer.hikari.HikariDataSource]: Factory method 'dataSource' threw exception; nested exception is java.lang.IllegalStateException: Cannot load driver class: com.mysql.cj.jdbc.Driver
	at org.springframework.beans.factory.support.ConstructorResolver.instantiateUsingFactoryMethod(ConstructorResolver.java:590) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.instantiateUsingFactoryMethod(AbstractAutowireCapableBeanFactory.java:1247) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBeanInstance(AbstractAutowireCapableBeanFactory.java:1096) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:535) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:495) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.lambda$doGetBean$0(AbstractBeanFactory.java:317) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:222) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:315) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:199) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.config.DependencyDescriptor.resolveCandidate(DependencyDescriptor.java:251) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.DefaultListableBeanFactory.doResolveDependency(DefaultListableBeanFactory.java:1135) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.DefaultListableBeanFactory.resolveDependency(DefaultListableBeanFactory.java:1062) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.ConstructorResolver.resolveAutowiredArgument(ConstructorResolver.java:818) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.ConstructorResolver.createArgumentArray(ConstructorResolver.java:724) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	... 26 common frames omitted
Caused by: org.springframework.beans.BeanInstantiationException: Failed to instantiate [com.zaxxer.hikari.HikariDataSource]: Factory method 'dataSource' threw exception; nested exception is java.lang.IllegalStateException: Cannot load driver class: com.mysql.cj.jdbc.Driver
	at org.springframework.beans.factory.support.SimpleInstantiationStrategy.instantiate(SimpleInstantiationStrategy.java:185) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.beans.factory.support.ConstructorResolver.instantiateUsingFactoryMethod(ConstructorResolver.java:582) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	... 39 common frames omitted
Caused by: java.lang.IllegalStateException: Cannot load driver class: com.mysql.cj.jdbc.Driver
	at org.springframework.util.Assert.state(Assert.java:94) ~[spring-core-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	at org.springframework.boot.autoconfigure.jdbc.DataSourceProperties.determineDriverClassName(DataSourceProperties.java:224) ~[spring-boot-autoconfigure-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.autoconfigure.jdbc.DataSourceProperties.initializeDataSourceBuilder(DataSourceProperties.java:176) ~[spring-boot-autoconfigure-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.autoconfigure.jdbc.DataSourceConfiguration.createDataSource(DataSourceConfiguration.java:43) ~[spring-boot-autoconfigure-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at org.springframework.boot.autoconfigure.jdbc.DataSourceConfiguration$Hikari.dataSource(DataSourceConfiguration.java:83) ~[spring-boot-autoconfigure-2.0.4.RELEASE.jar:2.0.4.RELEASE]
	at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:1.8.0_221]
	at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) ~[na:1.8.0_221]
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:1.8.0_221]
	at java.lang.reflect.Method.invoke(Method.java:498) ~[na:1.8.0_221]
	at org.springframework.beans.factory.support.SimpleInstantiationStrategy.instantiate(SimpleInstantiationStrategy.java:154) ~[spring-beans-5.0.8.RELEASE.jar:5.0.8.RELEASE]
	... 40 common frames omitted

맨 위 에러부터 구글링 했는데 해당 에러 해결에는 도움되진 않았고, 제일 아래 에러가 원인이였는데

com.mysql.cj.jdbc.driver 클래스를 못찾는게 원인이였다.

해결방법

SpringBoot 프로젝트경로 기준 src/main/resources의 application.properties 파일 내용을 수정해준다.

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

위와 같이 설정된 부분을

spring.datasource.driver-class-name=com.mysql.jdbc.Driver

com.mysql. 뒤 cj를 지워준다.

원인은 SpringBoot 프로젝트에서는 mysql 버전에 따라 드라이버를 다르게 명시해주어야 하나보다.

cj를 지워주고 빌드하니 에러없이 아주 잘되는것을 확인했다.

[Vue Error] Cannot find module 'vue-template-compiler' (해결)

HUN IT Blog — Thu, 15 Jun 2023 11:18:56 +0900

VueJS 공부중 제목과 같은 에러가 발생했다.

Cannot find module 'vue-template-compiler'

구글링해보니 해결법이 다양한데, 가장 먼저 package.json 파일을 확인해본다.

vue-template-compiler가 설치 안됬나보다.

또 vue-loader가 설치된것 같지 않으니 같이 설치해준다.

$ npm install vue-loader vue-template-compiler -D

설치하니 해당 오류는 발생하지 않았다. ~~하지만 이 에러를 해결하니 다른 에러가 튀어나와서~~ 다른 에러도 해결완료!!

도지코인 5분만에 채굴 설치 _ 업비트 자동 입금가능(UnMineable PhoenixMiner)

HUN IT Blog — Wed, 2 Jun 2021 23:24:23 +0900

일론 머스크가 트윗에 언급을 해서 알게 된 코인으로 도지 코인이 있죠.

업비트 기준 상장 이후 평균 60~70원 유지하던 도지코인이 최고 889원까지 찍었지만,

얼마전에 대폭락을 겪고 300원대 찍고 다시 올라왔어요.

현재 글 작성 기준 500원 초반대~~

방어력이 너무 좋습니다.

사실 코인 채굴에는 관심이 없었는데..

도지코인을 저점에서 못 샀는데, 너무 고점이라 사면 물릴것 같고....

직접 도지를 채굴해서 같이 일론 머스크와 함께 화성 가볼까 하는 생각에

채굴 한번 해보려고 합니다!!!

또 알고 보니 도지코인 채굴?? 그렇게 어렵지 않더라구요.

그냥 집에 있는 그래픽카드 있는 집컴퓨터 그냥 사용하시면 되요.

내장그래픽은 채굴이 안된다고 하니 알아두셔요ㅎㅎ

먼저 제 집컴퓨터 사양은

CPU : i7-9700F

GPU : Geforce RTX 2070

입니다.

저도 전기 비용이나 GPU 수명을 위해 도지 채굴하기전 고민 좀 해봤는데요.

까짓것 집 컴퓨터 1대로 돌리는거고, 비트나 이더에 비해 가벼운 도지 채굴하는데

한달 써봤자 전기요금 얼마 안 나올것 같고, 적당히 수익 나오는거 테스트 한번 해보는거니

제가 한번 총대 메고 제대로 돌려보도록 할게요.채굴량이나 수입에 대해 업데이트 하도록 하겠습니다ㅎㅎ

전 이미 채굴 프로그램 설치후 지금 돌리고 있는데요.

직접 설치 후 아무 이상없이 정상 동작하는지 확인 후 포스팅 중이니 참고바랍니다.

1. 마이닝 사이트에서 프로그램 다운로드

설치 프로그램을 마이닝 사이트에서 직접 다운 받으 실경우 해당 링크로 접속하셔서

https://www.unmineable.com/coins/DOGE

unMineable - Mine your favorite non-mineable crypto coin or token!

www.unmineable.com

빨간색 화살표가 가르키는 PhoenixMiner 프로그램을 다운 받으시면 됩니다.

크롬에서 다운 받을 경우 프로그램 다운로드를 차단시키는데

컴퓨터 포트를 열어 사용하다 보니 위험요소를 감지해서 차단시키는것 같습니다.

그럴 경우 크롬 설정 → 보안창으로 이동해서

Default 값이 표준 보호 모드로 되있을텐데 빨간 화살표 보호되지 않음으로 선택 후 다운 받으면 정상적으로 받아집니다.

다운 받으신 후 다시 표준 보호모드로 돌려 놓으시면 되요!!!!

2. 구글 드라이브 다운로드

제가 마이너사이트에서 다운받아서 설치 후 실행까지 다 한 프로그램 폴더 자체를 압축한 압축파일을

구글드라이브에 올렸는데 그대로 다운 받으시는 방법입니다.

https://drive.google.com/file/d/1q9x_5XTLaxt-vCW7qIoBcD8rJ6k_urxE/view?usp=sharing

PhoenixMiner.zip

drive.google.com

단순 마이닝 프로그램 압축파일이라 바이러스 걱정 염려 놓으셔도 됩니다!!

3. start_miner.bat 파일 수정

이제 중요한 절차 한가지만 남았습니다.

바로 채굴 후 입금받을 도지코인 주소를 채굴프로그램에 수정해주시면 되는데요.

업비트 기준으로 상단에 입출금 메뉴 클릭후 도지코인을 검색하면 아래와 같이 입금주소가 보이는데요.

없으시면 신규로 발급받으시면 됩니다.

이 도지코인 입금주소를 복사합니다~

다음 프로그램 설치폴더 내에 start_miner.bat 파일을 메모장으로 편집합니다.

그리고 초록색 표시한부분에 복사했던 도지코인 입금주소로 수정합니다.

DOGE:DAsCtfZC4s897kKqDWoqq76jrJaUaJWaAG.name#zr7n-ty6g

빨간색 : 입금주소

파란색 : 작업자 이름

보라색 : Referral 주소 ( 채굴시 0.25% 추가 보너스)

여기까지 채굴 설정은 끝이구요!!

따로 Referral 주소가 없으시다면 입금주소와 작업자 이름 수정 후 바로 채굴 들어가시면 됩니다 ㅎㅎ

4. 채굴 시작

이제 메모장 종료 후

아까 수정했던 start_miner.bat 파일을 더블 클릭해서 실행하시면 됩니다.

그럼 CMD 창이 하나 뜨면서 채굴이 시작되는데요.

처음에 GPU 성능검사 할때는

Eth speed가 0으로 로그를 찍다가 이후 마이닝 속도가 표시됩니다.

제 컴퓨터 사양으로는 평균 34정도 속도로 채굴이 되는걸로 보입니다.

설정은 입금주소 입력 이게 끝이에요!!!!! 무~야~호!!

이제는 그냥 돌려놓고 주무시거나 다른 작업을 하시면 되겠습니다.

5. 채굴 상태 확인

이제 얼마나 채굴되는지 궁금하시죠??

https://www.unmineable.com/coins/DOGE

unMineable - Mine your favorite non-mineable crypto coin or token!

www.unmineable.com

아까 전에 올려드렸던 마이닝 사이트에서 빨간색 네모칸에 Eth speed 값을 입력해보면

하루에 도지코인이 얼마나 채굴되는지, 한달에 얼마 채굴되는지 예상치를 보실수가 있구요!

그 위에 Doge address 입력부분에 거래소 도지코인 입금주소를 입력하면??

이렇게 채굴이 얼마나 되는지 볼수가 있어요. 흐흐흐

아주아주 잘 채굴이 되고 있네요!!

빨간색 네모 박스의 체크 버튼은 30 도지코인이 채굴될때마다 자동으로 입금주소로 보낸다는 설정이네요.

기본값으로 설정되어있고 그냥 편하게 채굴실행시켜놓고 30 도지가 생기면

업비트에 자동으로 입금이 된다는 이야기죠.

제가 직접 설치부터 채굴 시작까지 해보는데 채 5분도 안걸렸던것 같아요.

채굴 하면 엄청 어렵게 셋팅하고 뭐 해야되는지 알았는데 너무 간단해서 놀랐었고,

컴퓨터 안쓰는 시간에 돌려 놓으면 좋을것 같습니다!!

채굴되는거랑 업비트 자동입금되면 업데이트 하겠습니다요~~~

페이코인(Pay Coin) 리워드 보상 [3J699H3] 공짜로 3만원 받기

HUN IT Blog — Thu, 18 Feb 2021 16:21:50 +0900

2021년 2월 16일까지 170~190원대를 유지하던 가상화폐 페이코인이

비트코인 결제 시스템을 사용한다고 공시가 뜨자 마자

17일 1800원, 18일에는 5000원까지 올랐는데요~~

해외에서는 비트코인과 리플 결제시스템을 도입해서 온라인과 오프라인에서 사용하고 있지만, 한국에서는 그런 플랫폼이 없었는데!!!!!!?이번에 결제 시스템 분야 대기업인 다날의 페이코인이 다양한 가맹점에서 결제를 할 수 있다고 하니 뭔가 믿음이 갑니다.

하지만 페이코인은 핸드폰에 지갑을 설치해서사용할수 있는데요.

먼저 페이코인은 월렛(지갑)어플인 페이코인앱을 설치해서 구매 및 사용을 할 수 있습니다.web.payprotocol.io/install/share/

페이코인

페이코인 앱 다운로드

web.payprotocol.io

안드로이드 아이폰에 맞춰서 다운받으시면 되구요!

회원가입 하실때 리워드 코드 등록 했을때 공짜 페이코인을 받을 수 있는데요.(현재1코인당 약 3천원)등록할 코드가 없다면 3J699H3 등록해주시면 감사하겠습니다ㅎㅎ

요부분에 넣어주시면 되요!!!!!

다음은 매일 매일 출석체크하면 룰렛을 돌릴 수가 있습니다ㅎㅎ

룰렛 돌리면 보너스 코인 or 스타일러!!!!!!! 그리고 50코인까지

다들 당첨 많이 됬으면 좋겠습니다요

말로만 가상화폐 들었는데

이렇게 실생활에도 쓰여지는 날이 오다니

페이코인앱 설치해서 무료로 5코인 받자구요^^

제휴마케팅 선택?! 저는 이렇게 도전합니다.

HUN IT Blog — Thu, 1 Oct 2020 12:31:47 +0900

일단 제 블로그의 첫 시작은 2015년말 개발자로 취업 준비를 하고 있을때, 정보를 같이 공유해볼까의 마음으로 시작했습니다. 그러다 글도 점점 늘어나게되니 자연스럽게 구글애드센스라는것도 알게 됬고, 블로그에 구글광고를 달기 시작했습니다. 벌써 5년전이지만 제 기억으론 취업 준비하느라 수입이 없었으니 본능적으로 찾아본것 같아요.

하지만 취업 이후 본업이 바쁠때도 있지만 귀차니즘이 생겨 블로그 관리에 소흘해진것 같아요. 아무래도 전 무식하게 글을 쓰는 스타일이라 1개의 글을 쓸때도 최소 30분에서 집중을 못하면 몇시간까지 걸릴때가 있거든요 ㅋㅋㅋ 그래도 지금까지 348개정도의 글을 쓴걸 보면 급하지 않게 조금씩!! 시간이 답이다라는걸 말해드리고 싶네요.

지금까지 제 블로그 스타일을 소개하느라 서론이 길었습니다. 제휴마케팅을 시작함에 있어 마음도 가다듬고, 추억도 생각해보고 준비는 다됬습니다!!

◇ 국내 제휴 마케팅 사이트

국내에는 대표적인 제휴 마케팅 할만한 플랫폼이 몇군데 있죠. 제가 할만한곳을 몇군데 찾아봤습니다. 아래 기술하는 내용은 제 주관적인 내용도 포함이 되어있으니 참고하시길 바랍니다.

1. 쿠팡 파트너스 https://partners.coupang.com/

□ 수익방식 : CPS(Cost Per Sale) 구매건당 수수료를 책정

□ 장점

- 제휴 접근성이 용이하고, 유명한 소셜커머스가 머천트다 보니 믿을 수 있어 용돈벌이 시작으로 제휴마케팅 입문하기에는 안성맞춤.

- 제품 리뷰형식으로 포스팅하고, 링크를 중간에 끼어넣으면 됨.

□ 단점

- 네이버 블로그에 광고 링크를 올릴경우 저품질 블로그에 걸림.

- 티스토리 블로그는 구글 유입이 많은데 구매자가 구글 검색으로 구매할 빈도수가 적을것 같음.

■ 개인 의견

- 기존 네이버 블로그에 올리면 저품질에 걸리기 때문에 새로운 블로그 개설 후 작업해야함.

- 티스토리에는 배너 광고위주로 등록.

2. 애드픽 https://www.adpick.co.kr/

□ 수익방식 : 다양

□ 장점

- 수익방식이 CPC/CPA외에도 쇼핑형인 CPS방식도 있어 선택폭이 다양하다.

- 쇼핑형방식에 쿠팡(3.6&),떠리몰(2~4%),펀샵(5%),마리오케이스(28%)등이 있다.

- 랜딩페이지 제공.

- UI가 심플해서 모르는 사람이 접속해도 어떻게 해야할지 금방 감이 올것 같다.

□ 단점

- 텐핑과 같이 포인트형으로 5만포인트부터 출금가능하며.. 1만원 단위로만 출금가능함.

- 출금신청후 신청일 기준 매주 목요일날 지금됨...(엄청 불편할듯)

■ 개인 의견

- 뭔가 쉽게 시작하고, 수익방식이 다양한건 좋은데, 정산과정이 너무 까다롭고, 마음에 들지 않는다. 정산때문에 이 플랫폼을 사람들이 많이 쓰지 않는 이유일듯..

3. 텐핑 https://tenping.kr/

□ 수익방식 : 다양

□ 장점

- 수익방식이 사진과같이 선택폭이 다양하다.

- 랜딩페이지 제공.

- 5,000원부터 출금 가능.

□ 단점

- 네이버 블로그에 사용할 경우 저품질 블로그에 걸림.

- 광고 콘텐츠가 내가 생각했을때 별로 땡기는 광고가 없음.

- 클릭형광고(CPC)는 콘텐츠가 몇개 없음.

■ 개인 의견

- 예전에 잠깐 해봤다가 땡기는 느낌이 없어서 금방 포기했던 플랫폼. 정말로 광고 콘텐츠가 별로 많이 없다. 그걸 감안하고 네이버 블로그에 했다가 저품질 블로그 걸렸던 경험이 있다. 오랜만에 들어가보니 수익 노하우 강의 대부분이 페이스북과 연결짓는것 같다. 여긴 블로그가 아닌 페이스북 or 인스타그램 광고를 때려가며 해야되는 느낌이 든다.

4. 디비디비딥 http://www.dbdbdeep.com/

□ 수익방식 : 다양

□ 장점

- 수익방식이 사진과같이 선택폭이 다양하다.

- 랜딩페이지 제공.

□ 단점

- 회원가입시 휴대폰인증창이 백지 상태로 팝업떠서 가입할수가 없다.

- 그래서 뭐가 뭔지 알아볼수가 없었다.

■ 개인 의견

- 회원가입을 해야만 내용을 볼수있는데 가입이 안됨..........

◇ 해외 제휴 마케팅 사이트

해외 제휴 마케팅사이트는 모두 영문으로 되어있어, 언어장벽이 크게 느껴지는 분들에게는 힘들지 모르나 극복하면 수수료는 당연 국내보다 최고. 그리고 무엇보다 전세계인을 대상으로 하니 개인 블로그나 소셜미디어에 잘 구축만해 놓으면 수익은 상상 그이상. 반대로 구축하면서 포기하는 사람이 많음.

해외 제휴마케팅은 국내 블로그로는 답이 없고, 워드프레스와 같은 사이트를 만들어서 랜딩페이지 노출로 방문자 유입을 해야할것 같다.

1. 아마존 어필리에이트 https://affiliate-program.amazon.com/

□ 수익방식 : CPS(Cost Per Sale) 구매건당 수수료를 책정

□ 장점

- 전세계적으로 유명한 플랫폼인 아마존에서 제휴마케팅을 지원

- 커미션 최대 10%

□ 단점

- 영어로 포스팅해야 하므로 번역기로 돌리면 해외 구매자들이 쉽게 구매를 하지 않음.

■ 개인 의견

- 아직 아마존에 대해서는 알아보지 못했지만 좋아보인다.

2. 클릭 뱅크 https://www.clickbank.com/

□ 수익방식 : CPS(Cost Per Sale) 구매건당 수수료를 책정

□ 장점

- 전세계적으로 유명한 플랫폼인 아마존에서 제휴마케팅을 지원

- 커미션 최대 70%

□ 단점

- 승인 거절이 많다는 이야기가...

- 영어로 포스팅해야 하므로 번역기로 돌리면 해외 구매자들이 쉽게 구매를 하지 않음.

■ 개인 의견

- 커미션이 쌘 만큼 각 구매건마다 승인을 한다고 한다. 구매자가 구매를 하면 클릭뱅크가 구매자에게 전화를 걸어 승인조건에 맞는 답변을 들어야 승인을 해주는데 마음에 안들면 승인거절(?)

- 아마존보다 클릭뱅크가 커미션이 많아서 먼저 알아봤고, 그래서 시도를 먼저 해볼것 같은 사이트인데 워드프레스로 랜딩페이지 제작후 거기서 홍보하는거기 때문에, 구축만 해놓으면 국내 제휴랑 겹치지 않을것 같아서 동시진행해도 상관없을것 같다.

◇ 제휴 마케팅 도전! 계획?

일단 많은 플랫폼이 있겠지만, 전부 다 진행할건 아니기 때문에 여기까지 알아보았는데요. 전 제휴마케팅을 함에 있어 수익창출에 조급함을 가지지 않고, 천천히 이해를 하면서 진행하려고 합니다. 쌓이고 쌓여야 나중에 한방을 터뜨리겠죠? 일단 제 도전 계획은 이렇습니다.

1. 쿠팡파트너스

- 네이버 신규블로그 생성 업로드

- 티스토리 배너광고

2. 텐핑 or 애드픽

- 블로그보다는 페이스북형. 잠시 보류

3. 아마존 or 클릭뱅크

- 회원가입 먼저 하고 분위기파악

- 워드프레스로 랜딩페이지 제작

- 제작 이후 시작

제휴마케팅? 어필리에이트? 용돈벌이하려면 용어부터!!

HUN IT Blog — Wed, 30 Sep 2020 23:09:11 +0900

블로그를 어느 정도 해오셨던분들은 제휴마케팅이 뭔지 아시는 분들이 많겠지만, 생소하신 분들도 많으실거에요. 저도 블로그 경력을 따지자면 5년정도 됬지만 제휴 마케팅은 직접 해보지 않아서 잘 모르거든요. 얼핏 들어만 봤지 정확히 이게 무엇인지 설명하지 못했거든요. 이후 내용은 제 주관적인 입장에서 기술하도록 하겠습니다.

먼저 제휴마케팅은 제품 리뷰와 한끗 차이라고 생각합니다.

제품 리뷰 : 블로그 포스팅을 하면서 제품 리뷰

제휴 마케팅 : 제품 리뷰 + 제품의 기업에게 수수료를 지급 받음

제휴 마케팅은 제품을 리뷰주고 그 기업에게 수수료를 지급 받으므로 홍보의 성격이 강합니다. 반대로 제품 리뷰는 블로그 방문자 유입수를 늘리기 위한 목적으로 작성하시는 분들이 많죠. 물론 방문자 유입수를 늘리면서 블로그에 걸어둔 광고(구글 에드센스)의 수입이 목적인 분들도 있죠. 저도 구글 애드센스로 한달 치킨값정도 소소하게 받고 있긴합니다^^

하지만 블로그 광고만으로 용돈이 부족하기 마련이죠. 용돈도 투잡시대!!

제품 리뷰를 하면서 기업한테 수수료도 받을 수 있다면 도전해보는것도 나쁘지 않겠죠?

◇ 제휴마케팅이란?

이해하기 쉽게 마케터(개인)가 블로그, 웹사이트 등에 기업과 제휴를 맺고 홍보 가능한 제품들을 소개하며 링크를 걸어 줍니다. 이 링크에는 개인 고유번호가 붙어 있어 구매자가 제품을 해당 링크를 통해 구매를 하면 기업이 마케터에게 일정 금액의 수수료를 지급해주는 방식입니다.

◇ 어필리에이트이란?

제휴 마케팅에 관심이 생겨 여러 검색을 하다보면 어필리에이트와 머천트라는 용어가 튀어나옵니다. 어렵게 생각하실 필요가 없습니다. 위에 제휴마케팅에 올렸던 마케터↔기업 관계라고 보시면 됩니다.

어필리에이트(Affiliate)란 제휴하다라는 단어로 자신의 소셜 매체에 광고를 하는 사람이라 생각하시면 되고 그냥 마케터라고 생각하시면 됩니다. 머천트(Merchant)는 광고주를 의미하며, 어필리에이트에게 광고를 의뢰하는 기업을 말하겠죠.

어필리에이트와 머천트라는 단어는 한국내에서는 생소하겠지만 해외 제휴마케팅쪽을 검색하다보니 해외에서는 모두 저 단어를 쓰더라구요. 그냥 단어가 대충 무엇인지 어필리에이트와 머천트의 관계만 알고 계시면 될것같습니다. 위에서는 이해하기 쉽게 마케터와 기업으로 이야기했지만 이후에는 어필리에이트, 머천트라고 쓰는게 용어상으로 맞을것같네요.

◇ 광고의 종류 (CPM, CPC, CPA, CPS, CPT)

광고를 통해 돈을 벌 수 있는 여러 방식이 있는데 마케터의 입장에서 용어 정리합니다.

CPM(Cost per Mile)

광고 노출 횟수당 수익 발생, 노출 1,000회당 비용으로 책정됨.

CPC(Cost Per Click)

광고 1회 클릭 기준으로 수익 발생. 커미션이 낮지만 대기업 머천트와 제휴할수 있어 난이도가 낮은편, 마케팅 입문자도 쉽게 수익을 발생시킬수 있음. (구글 애드센스, 네이버 애드포스트 등)

CPA(Cost Per Action)

참여건당 수익 발생. 앱 실행후 특정 조건을 만족해야 수익이 발생. 세부 종류는 다음과 같다.

- CPS(Cost Per Sale) : 결제가 이루어져야함. 쿠팡 파트너스와 같은 방식

- CPL(Cost Per Lead) : 회원가입이나 상담건수가 발생해야함.

- CPI(Cost Per Install) : 앱 설치건당 수익 발생.

CPT(Cost Per Time) or CPP(Cost Per Period)

광고가 노출되는 시간당 수익 발생.

오류해결∥LwM2M Plugin execution not covered by lifecycle configuration: com.google.code.maven-replacer-plugin:replacer:1.5.3:replace <execution> error

HUN IT Blog — Wed, 30 Sep 2020 15:26:36 +0900

LwM2M 오픈소스를 GitHub를 통해 Import 후 가이드에 적혀 있는데로 root 폴더에서 mvn clean install을 했는데 제목과 같은 오류가 발생했다.

OS는 Window 10 / 메이븐은 최신버전인 3.6.2 최신버전으로 설치 한 상태로, Java Tool은 Eclipse IDE를 사용했다. 오류 발생부분은 maven-replacer-plugin에서 발생했다.

pom.xml을 열어보니 이 사진과 같이 execution에서 에러가 발생. 자세한 에러는 다음과 같다.

Error : Description Resource Path Location Type Plugin execution not covered by lifecycle configuration: com.google.code.maven-replacer-plugin:replacer:1.5.3:replace (execution: default, phase: compile) pom.xml /leshan-bsserver-demo line 102 Maven Project Build Lifecycle Mapping Problem

해당 에러에 대해 구글링에서 쉽게 나오지 않았다. 아무래도 LwM2M 자료가 많이 없기 때문에.. 그래도 찾아낸 결과 해결 방법은 간단했다.

<goals> 윗 줄에 <phase>prepare-package</phase> 이 한줄만 추가해주니 해결됬다. 이게 왜 오류를 해결해주는지 이해는 되지 않지만 이 오류를 잡고 LwM2M 오픈소스를 실행해보니 아주 잘 실행된다.

사진과 같이 <goals>위에 한줄을 추가해 준 모습이다. 정말 감쪽같이 오류가 사라졌고, 구글은 정말 갓구글이다!!

오류해결∥Javax.servlet.jsp.PageContext cannot be resolved to a type

HUN IT Blog — Wed, 30 Sep 2020 00:20:01 +0900

오랜만에 웹을 시작해보려고 새로운 이클립스 환경을 잡다가 발견한 오류다. 소포트웨어 개발만 하다가 JSP 파일을 만들어 <form> 구문을 쓰는데 아래 2가지 오류가 발생했다.

# javax.servlet.jsp.PageContext cannot be resolved to a type

# javax.servlet.jsp.JspException cannot be resolved to a type

웹을 개발하면서 가장 손이 많이 가는게 있다면 바로 환경설정...

이 오류는 해당 프로젝트에 서버환경을 안 잡아줘서 생기는 오류였다.

◇ 오류 해결 방법

1. 오류가 발생한 프로젝트 우클릭 → Properties

2. Java Build Path → Add Library

3. Server Runtime 선택

4. 설정해둔 톰캣을 선택 후 Finish → Apply and Close

이렇게 간단하게 오류가 사라졌다. 해당 오류는 어떻게 보면 간단하지만 Java Build Path에 서버환경을 잡아둔다는 것에 의미가 커서 기록을 남기게 됬다.

[무료폰트/글꼴] KoPub 돋움체 추천!

HUN IT Blog — Wed, 30 Sep 2020 00:05:54 +0900

블로그를 하며 포스팅을 하거나 썸네일 이미지를 만들때, 또는 사이트를 꾸밀때 폰트가 이쁘면 글을 읽기에 눈이 편하고, 전체적인 레이아웃도 보기좋게 꾸며지는데요. 사람들이 가장 많이 사용하는 무료 폰트로 나눔고딕이 있겠지만 요즘에 이 KoPub 돋움체를 접한 이후 나눔글꼴보다 개인적으로 자주 쓰게되더라구요.

백문이 불여일견이라고 사이트 주소를 먼저 링크부터 걸고, 한번 구경해보겠습니다.

http://www.kopus.org/Biz/electronic/Font2.aspx

한국출판인회의에서 제작하고 배포하고 있으며, E-Book 환경에 최적화 되도록 정부지원을 받고 만든 전자출판전용 폰트라고 합니다. 일단 가장 중요한건 라이센스가 무료인지가 중요해서 찾아봤는데 해당 폰트는 전자출판 유통시장 활성화를 지원하기 위해 만든 폰트로 출판업계(전자출판업계 포함) 및 기업, 개인을 포함한 모든 사용자가 별도의 허가절차 없이 홈페이지 정보 등록 후 무료로 사용할 수 있다고 합니다. 인쇄, 광고등에 사용해도 무관한것 같습니다.

KoPub 패키지를 다운받으면 바탕체와 돋움체 두가지가 함께 들어있는데, 격식 있는 문서(?)에는 왠지 바탕체가 쓰일 것 같은 개인적이 느낌이 들고, 평소 일반 문서에는 돋움체를 써도 무난해 보입니다. 저는 KoPub 돋움체 Medium과 Bold를 가장 많이 씁니다. 진짜 파워포인트 문서를 대충 만들어도 이 폰트 하나로 바꿔주면 뭔가 있어보입니다^^

해당 폰트를 제작함에 있어 간격의 변화에도 정말 신경을 쓴것 같은 느낌이 듭니다.

◇ 폰트 설치

폰트 설치는 링크를 통해 사이트에 접속해서 Windows 자동설치 버튼을 누르면 압축파일이 다운 받아집니다.

압축을 풀면 또 이렇게 두개의 압축파일이 생기는데요. OTF와 TTF 차이는 외곽선을 처리하는 방법에 따라 나눠진다고 합니다. OTF는 3차원 곡선, TTF는 2차원곡선을 제어하는데 간단하게 사용 용도를 정리해볼게요.

OTF : OpenType Font의 약자, 고해상도 출력 작업이 필요한 Adobe 제품(일러스트레이터, 포토샵.. ) QuarkXpress 등에 추천.

TTF : True Type Font의 약자, 고해상도가 필요없는 한글, 워드, 엑셀, 파워포인트, 일반 웹디자인 등에 추천.

어떤 작업을 하실지 선택하고, 압축 해제 → 실행하면 빠르게 설치가 되고 해당 화면처럼 윈도우 재부팅 여부를 귀찮게 물어봅니다. 아니오 누르고 컴퓨터를 나중에 재시작 해도 됩니다. 대신 설치 시점에 켜져 있던 한글, 엑셀, 포토샵등의 폰트를 적용시키고 싶은 프로그램들을 재시작은 해주셔야 되요.

그럼 윈도우 재부팅 안하고도 이렇게 새롭게 폰트가 추가된것을 볼 수 있습니다!! 해당 스크린샷은 포토샵 재시작후 적용된걸 찍었습니다. 정말 깔끔하고 간결한 마음에 드는 폰트 하나만 생기면 글을 보기에 편할테니, 블로그 외에도 일반 문서작업에서도 개인의 1Pick 폰트를 찾아 적용하면 좋을것 같아요^^

해당 게시판 WAR 파일 구글 드라이브 링크 공유

HUN IT Blog — Mon, 16 Sep 2019 17:18:47 +0900

2015년도말에 공부하기 위해 만든 게시판이며, 해당 소스가 맞을지 모르겠어요.... 그동안 소스 오픈을 원하는 분들이 많이 계셔서 오랜만에 파일정리를 하다가 발견된!!! 소스를 공유드립니다. 제가 지금 이 소스를 보면 조금... 부족했구나 생각이 들정도로 초보자의 향기가 쪼오금 많이 납니다^^

물론 소스를 다른 버전은 가지고 있지만 게시판 이외에 엄청 삽질과 다른 기능들이 많이 추가되서 그냥 공개를 해도 설정잡는것과 설명하는글을 쓰지 않고서는 실행이 힘들것이라 생각 됬기 때문에 포스팅종료된 그 시점의 소스를 찾느라 오래걸렸어요.

https://drive.google.com/file/d/0B4zRuR_bpKueRXhrVmxBSmVPWmM/view?usp=sharing

소스는 마음대로 사용하셔도 되지만!!!! 이 소스만으로 동작 되지 않습니다 ^_^

꼭 DB만들고 포트잡고 테이블 만들고 등등의 DB연동과 WAS(톰캣) 연동을 하셔야 정상작동됩니다요~~!!!

정보처리기사 공부〃시험 일정 및 필기 준비

HUN IT Blog — Sun, 7 Apr 2019 10:52:02 +0900

직장을 다니면서 자격증을 따야겠다는 생각을 못 했었는데요. 갑자기 늦바람이 불어 자격증에 대한 욕심에 이번 2019년 정보처리기사 자격증을 알아 봤습니다. 어렵다고 들었지만 개발자라면 도전해 봐야 할 자격증인것 같아요^^

정보처리기사는 1년에 3번 필기 접수를 할 수 있고, 산업기사와 기능사 자격증도 아래 기간에 포함됩니다. 정보처리기사 뿐만 아니라 기사관련 자격증이 해당됩니다.

정보처리기사는 한국산업인력공단에서 시행하고, 자격증을 따 놓으면 정말 써먹을데가 많으니 좋긴 한데... 합격률이 낮은가봐요. 열심히 공부해야겠다는 생각뿐입니다.

필기 원서 접수 후 한달 정도 후에 바로 시험 일정이 잡혀 있는데, 지금 2019년 4월 7일이니 20일정도 남았네요.. 미리 공부 할 걸 하는 후회가 듭니다 ㅠㅠ 이번에 운이 좋아 붙으면 좋겠지만 그래도 경험삼아 열심히 도전해보겠습니다^^

자격증 시험 수수료는 필기 시험과 실기 시험 각 2만원 내외로 책정되어 있습니다. 돈 아깝지 않으려면 한번에 붙었으면 좋겠어요.

특히 정보처리기사의 필기시험은 2020년에 과목이 전체적으로 소프트웨어 개발 관련 과목으로 변경되어, 올해 필기 시험이 떨어지면 다시 새롭게 준비해야 될 것 같은 느낌입니다.

정보처리기사 합격률은 수치상으로 절반정도 되는 것 같은데.. 3주 공부하고 붙길 바라는건 제 욕심이겠죠 ㅎㅎ 너무 어려운 가봐요. 몇 달은 준비해야될 것같은데, 자격증 일정을 알아본게 며칠 안되서 아쉬운게 사실입니다.

아무래도 평일에는 직장다니다보니 블로그에 포스팅은 힘들겠지만, 최대한 평일에 공부한 것을 토대로 주말이나 틈틈히 시간 나는대로 요점정리를 할 생각입니다. 제 공부용도로 올리는 거지만, 같이 공유하면 좋을 것 같은 의미로 진행하겠습니다^^!!!

CSS〃간단한 드롭다운 메뉴(Simple Dropdown Menu)

HUN IT Blog — Sun, 17 Mar 2019 14:37:33 +0900

제목에 맞게 HTML과 CSS만으로 구현한 정말 간단한 드롭다운 메뉴를 정리합니다. 심플하게 드롭다운 구성만 들어있기 때문에 여기서 응용해서 작업이 들어가야겠죠. 드롭다운은 버튼안에 a 태그를 숨긴 뒤에 마우스 버튼을 위에 올렸을때 보이기 하는 원리입니다.

See the Pen Simple Dropdown Menu by jihun Sim (@simjihun) on CodePen.

CSS〃글자 밑 호버 이펙트 (Bottom Border Hover Effect)

HUN IT Blog — Sun, 17 Mar 2019 13:16:32 +0900

웹사이트의 메뉴나 버튼에 마우스를 올렸을때 효과를 주기 위한 이펙트 중에 하나로 Border bottom에 효과를 주는 방법이 있는데요. bottom에 solid 효과에 색만 잘 골라서 선택해주면 사이트가 좀 달라집니다.

hover effect도 글자 가운데에서부터 퍼져 나갈지, 왼쪽에서부터 퍼질지, 오른쪽에서 퍼질지에 따라 사용 방법이 다른데 좋은 소스가 있어 저장 용도로 가져왔습니다.

◇ 소스코드

See the Pen Border bottom hover effect by jihun Sim (@simjihun) on CodePen.

간단한 CSS나 자바스크립트는 앞으로 코드펜에 저장 후 가져오는 방법이 가독성이 좋아보이네요. 이제는 이 방법을 사용해서 블로그 포스팅 하겠습니다.

WordPress〃최고의 슬라이더 플러그인 Smart Slider 3

HUN IT Blog — Sun, 27 Jan 2019 21:37:45 +0900

웹사이트의 메인 화면에 주로 쓰이는 기능 중 하나로 사진이 슬라이드 형식으로 쓱쓱 지나가는 플러그인을 소개합니다.

슬라이더 플러그인 이름은 " Smart Slider 3 " 으로 써본 결과 99% 만족했습니다^^

여러 다양한 기능들을 지원합니다. 한번 쓰고 두번쓰고 ~~계속 쓰고!

■ Smart Slider 3

스마트 슬라이더 플러그인은

플러그인 검색창에 Smart Slider 3 를 검색해주시면 됩니다.

스마트슬라이더의 스크린샷에 들어가보니

움직이는 짤 GIF 파일로

간단한 사용법들을 제공하고 있어

이미지 주소 복사 후 블로그로 퍼왔습니다.

출처

https://smartslider3.com/

https://ps.w.org/smart-slider-3/assets/screenshot-1.gif?rev=1686824

스크린샷 내용 : 2분만에 슬라이더를 만드는 방법

https://ps.w.org/smart-slider-3/assets/screenshot-10.png?rev=1933640

https://ps.w.org/smart-slider-3/assets/screenshot-2.gif?rev=1686824

스크린샷 내용 : 직관적인 스타일로 편집할 수 있음

https://ps.w.org/smart-slider-3/assets/screenshot-3.gif?rev=1686824

스크린샷 내용 : 레이어를 사용자 지정모드로 스타일을 편집할 수 있음.

영어를 잘 모르는 저도

사진을 하나둘씩 넣다보니 슬라이더가 완성이 됬습니다 ㅎㅎ

슬라이더 플러그인은 Smart Slider 3 추천!

WordPress〃문의메일 보내기 플러그인 Contact Form 7

HUN IT Blog — Sat, 26 Jan 2019 23:29:37 +0900

회사 사이트에서 없으면 안되는 메뉴 중 하나를 꼽자면.. 문의메일 보내기 기능이 있는데요.

사이트를 방문하는 고객들이 메일을 간단하게 보낼 수 있도록 사이트에 넣어두는거죠.

워드프레스에는 이런 기능을 지원하는 플러그인들이 많았지만 다운로드수가 많고, 간단한

Contact Form 7 플러그인을 소개해봅니다.

■ Contact Form 7

워드프레스 새 플러그인 추가에서

Contact Form 7

검색하시면 " 별 다를 것 없는 컨택트 폼 플러그인 " 을

설치하시면 됩니다 ^^

설치 후 관리자 메뉴에

연락처 메뉴가 추가되고 자동으로

연락처양식1 항목이 추가됩니다.

편집으로 들어가면~~~~~~

기본 양식은 위와 같습니다.

중요한건

[text* your-name]

[email* your-email]

[text your-subject]

[textarea your-message]

이 항목들을 주목해주시고

메일 탭에서

[text* your-name]

[email* your-email]

[text your-subject]

[textarea your-message]

이 항목들을 적절한 곳에 넣어 수정하시면 됩니다~

전 이렇게 CSS 부분도 수정하고

양식들을 수정해 봤습니다.

수정한 결과물은 아래 공개합니다.

■ Contact Form 7 수정한 버전

1. 양식

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<div class="editable">
<h5>1. 개인정보의 수집목적 및 이용목적</h5>
주식회사 XXX는 (이하 ‘회사’는) 고객님의 개인정보를 중요시하며, “정보통신망 이용촉진 및 정보보호”에 관한 법률을 준수하고 있습니다.
회사는 개인정보취급방침을 통하여 고객님께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.
회사는 개인정보취급방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.
 
<strong>■ 수집하는 개인정보 항목</strong>
 
회사는 회원가입, 상담, 서비스 신청 등등을 위해 아래와 같은 개인정보를 수집하고 있습니다.
 
ο 수집항목 : 문의자 성함, 연락처, 이메일, 문의내용
 
ο 개인정보 수집방법 : 홈페이지 고객문의 항목
 
<strong>■ 개인정보의 수집 및 이용목적</strong>
 
회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.
 
ο 서비스 문의에 관한 답변 및 서비스 이행
 
<strong>■ 개인정보의 보유 및 이용기간</strong>
 
원칙적으로, 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 단, 관계법령의 규정에 의하여 보존할 필요가 있는 경우 회사는 아래와 같이 관계법령에서 정한 일정한 기간 동안 정보를 보관합니다.
 
– 보존 항목 : 문의자 성함, 연락처, 이메일, 문의내용
– 보존 근거 : 신용정보의 이용 및 보호에 관한 법률
– 보존 기간 : 5년
– 계약 또는 청약철회 등에 관한 기록 : 5년 (전자상거래등에서의 소비자보호에 관한 법률)
</div>
 
<br/>
 
<table class="qa_contact">
<tbody>
<tr>
<th>문의유형</th>
<td>[checkbox* qa_qq "창업문의""용품문의""기타문의"]</td>
</tr>
<tr>
<th>작성자</th>
<td>[text* your-name]</td>
</tr>
<tr>
<th>연락처</th>
<td>[text* your-phone]</td>
</tr>
<tr>
<th>이메일</th>
<td>[email* your-email]</td>
</tr>
<tr>
<th>제목</th>
<td>[text* your-subject]</td>
</tr>
<tr>
<th>문의내용</th>
<td>[textarea your-message]</td>
</tr>
 
 
</tbody>
</table>
<div class="column-full">[submit "정보수집 동의 및 전송"]</div>
Colored by Color Scripter
cs

2. 메일

WordPress〃프랜차이즈 매장찾기 플러그인 BBS e-Franchise

HUN IT Blog — Sat, 26 Jan 2019 21:49:21 +0900

프랜차이즈 웹사이트 제작의뢰를 받아 제작을 하면서 쓰게됬고, 개인적으로 마음에 드는 플러그인을 소개합니다.

BBS e-Franchise 라는 플러그인으로 프랜차이즈 가맹점 및 지점 목록을 표시하여 매장찾기 서비스를 지원하는 플러그인입니다.

사용법도 너무 쉬워서 백점 만점에 백점!!

■ BBS e-Franchise

플러그인 검색창에

BBS e-Franchise

검색하시고 설치하시면 사용준비완료~

사용하기전

자세한 설명 한번 보고 가겠습니다요~

설치를 하면

워드프레스 관리자 메뉴에

BBS e-Franchise 메뉴가 추가되고..

바로 지점목록을 누르면

아무 데이터도 없을거니

새로운 지점을 추가해볼게요.

앗...

새로운 지점을 추가하기 위해서는

플러그인을 먼저 설정해야 되는군요.

플러그인 설정으로 들어가서

위에 내용들을 적어줍니다.

특히 빨간색 네모로 표시된 부분이 특히 중요하니

잘 체크하시구요^^

그리고 새로운 지점 추가 버튼을 누르면

위와 같은 화면이 뜹니다^^

가맹점 표시에 필요한

지점이름과 주소는 필수 입력요소!

나머지는 선택요소입니다.

이렇게 입력하면?????

이렇게 사이트의

매장찾기 메뉴에서

해당 플러그인을 손쉽게 사용할 수 있습니다~!!

검색도 잘되고 지역별로 모아 볼 수도 있고

강력 추천드립니다.

WordPress〃Google Fonts 플러그인 소개

HUN IT Blog — Sat, 26 Jan 2019 15:37:06 +0900

사이트를 제작하면서 디자인 요소에서 나름 중요도 높은게 폰트 사용이죠??

워드프레스에서는 기본 폰트로는 구글 폰트가 없기 때문에 플러그인을 설치해서 사용해야 됩니다.

설치나 사용함에 있어 난이도는 어렵지 않습니다.

■ Google Fonts for WordPress

플러그인 검색창에 Google Fonts 로 검색하면

Google Fonts for WordPress가 검색이 됩니다.

설치하시고 활성화 하시면 설치법 끝!

사용법은

관리자 메뉴 → 외모(테마) → 사용자 정의하기로 들어갑니다.

사용자 정의 모드에서

Google Fonts 라는 메뉴가 새로 생겼습니다.

클릭!

일반 설정, 응용 설정등

여러가지 설정을 할 수는 있지만

일반 설정만으로도 충분합니다 ㅎㅎ

폰트 종류는 정말 다양하게 지원합니다.

보통 많이들 쓰시는

Noto Sans, Noto Serif도 보이는 사진과 같이

지원하고 있으니 골라서 사용하시면 되겠습니다~~!

WordPress〃Elementor 플러그인으로 블로그처럼 꾸미기

HUN IT Blog — Sat, 26 Jan 2019 14:47:30 +0900

제가 워드프레스 사이트 제작을 해보면서 쉽고, 괜찮고, 추천하고 싶은 필수 플러그인들을 소개합니다.

소개할 첫번째 플러그인은 Elementor에서 만든 Elementor Page Builder 입니다.

Elementor에서 만든 플러그인은 여러가지 있지만 현재 글에서는 Page Builder로 한정합니다^^

■ Elementor Page Builder

워드프레스 플러그인 추가에서

Elementor로 검색해 설치합니다.

설치 후 왼쪽 메뉴판에 Elementor 메뉴가 추가됩니다.

하지만 제가 사이트 제작하면서

저 메뉴는 써본적이 없네요 ㅎㅎ

주로 썻던 메뉴는

페이지 메뉴에서 새 페이지 추가 → Edit With Elementor로

사용했습니다.

Edit With Elementor를 누르면 추가되는 페이지 화면~~

왼쪽에 있는

이미지, 텍스트, 비디오, 버튼, 구글지도등 여러 기능들을

마우스 드래그로 오른쪽 + 있는 곳에다 끌어 쓰면 됩니다.

예를 들어 이미지를 추가하고 싶다!

그러면 이미지 기능을

마우스 드래그해서 오른쪽으로 이동.

위와 같은 화면이 뜨면

Choose Image 칸을 눌러

파일을 직접 업로드 하셔도 되고,

이미 업로드 해서 같은 사진을 또 쓰고 싶을때는

미디어 라이브러리 탭에서 선택하시면 됩니다.

손쉽게 이미지가 추가된 화면~~

이미지 크기와 투명도 Border Type등도 손쉽게 변경가능하며

CSS 관련된 부분도 숫자 입력으로 변경할수있습니다 ㅎㅎㅎ

나머지는 직접 사용해보시면서

느껴보시면 될것같습니다~~

Elementor Page Builder 굿굿!!

글마무리

WordPress〃도메인 주소만 보이게 하기_wordpress url 제거

HUN IT Blog — Sat, 26 Jan 2019 11:58:40 +0900

그동안 사이트 제작시 닷홈(dothome) 호스팅 사이트에서 연결해주는 워드프레스 설치를 이용했었는데요.

이번 의뢰에서는 이미 가비아(Gabia) 사이트에 이미 등록하고 사용료를 지불하고 계셔서 기존 정보들을 다 밀고

워드프레스 자동설치를 했습니다.

그랬더니... 닷홈을 쓰느라 몰랐던...

도메인 주소로 접속이 안되고, /wordpress 경로가 뒤에 추가로 붙는 참사가........ㅠㅠ

예를 들어 hunit.tistory.com/wordpress로만 접속해야 사이트가 보인다는것!!

http://도메인명/wordpress 이렇게 된 주소에서

http://도메인명 으로만 보이게 하고 싶습니다.

문제 해결은 역시 갓구글링~

직접 해본 적은 없지만 cafe24 호스팅 사이트도 url 뒤에 /wp 가 붙는다고 하던데 진짜인지는 모르겠습니다.

그럼 URL 제거 방법 고고!

■ wordpress 추가 URL 제거

워드프레스가 설치된 서버 주소를 FTP 프로그램을 이용해서 접속합니다.

제 경우에는 FileZilla , WinSCP 프로그램을 씁니다.

위 사진은 접속했을때의 최상단 / (root)경로입니다.

다음 wordpress 폴더로 이동합니다.

wordpress 폴더로 이동하니 친숙한 폴더들이 많습니다.

이 중에 index.php 파일을 로컬 컴퓨터로 복사합니다. (삭제 금지)

메모장 보다는 editplus나 notepad++ 등 UTF-8등을 기본으로 인식해서 저장하는 프로그램으로

제일 하단에 require 구문으로 이동하면 아래와 같이 되있을텐데요. /wordpress를 추가해줍니다.

require( dirname( __FILE__ ) . '/wp-blog-header.php' );

require( dirname( __FILE__ ) . '/wordpress/wp-blog-header.php' );

마지막으로 워드프레스 관리자 페이지로 접속 → 설정으로 들어가서

사이트 주소에 추가되어있는 /wordpress 를 지워주고 http://도메인명 로 변경해줍니다.

제가 직접 해보니 아주 잘됩니다 ^_^

엑셀[Excel]〃ISBLANK 공백 값 찾아내는 함수

HUN IT Blog — Thu, 3 Jan 2019 21:37:04 +0900

엑셀 함수 중에 공백값을 찾아내는 ISBLANK 함수를 정리합니다.

IF 함수와 같이 사용하여 해당 셀에 공백이 있는지 없는지를 구분하여 값을 넣어줄때 많이 사용합니다.

■ ISBLANK 함수

ISBLANK 단일 함수만 사용할때는 위 사진과 같이

비어 있는 셀이면 TRUE값을 표시합니다.

ISBLANK 함수에 대상을 지정해주면 ??

위와 같이 공백 유무 값을 돌려줍니다.

■ ISBLANK + IF 함수 응용

ISBLANK만 사용했을때 결과가 TRUE, FALSE 값이 나왔다면,

IF문을 추가했을때는 이 값을 원하는 단어로 바꿔줍니다.

IF 함수가

IF ( 조건 , TRUE값, FALSE값 )을 베이스로 하기 때문에 이 조건에 ISBLANK 함수만 넣어주면 됩니다.

IF(ISBLANK(범위),"BAD","GOOD") 이렇게 하면

공백일때는 BAD, 아닐때는 GOOD이라는 결과를 표시할거에요.

이렇게 IF문과 ISBLANK 함수를 응용하면 원하는 단어로 결과값을 얻을 수 있습니다^^

설명 외 제가 작성한 엑셀파일 첨부합니다.

엑셀_ISBLANK.xlsx

제주도〃제주공항 근처 고등어 조림 토종 한정식 [동도원]

HUN IT Blog — Thu, 20 Dec 2018 22:52:02 +0900

제주공항 근처에서 아침 끼니를 떼울만한 곳을

찾다가 고등어 조림도 나오는 토종 한정식이 있다해서

찾아 가봤습니다.

정말 지도상으로만 보면

택시타고 기본요금 거리??

전 렌트를 빌렸기 때문에

가게 앞에 그냥 주차 했어요~

주차장 자리는 따로 없는 것 같드라구요.

동도원 가게 안으로 들어가니

메뉴판이 이렇게 심플해요 ㅎㅎ

정해진 하나의 메뉴~

그냥 가서 인원수 말씀하시면 됩니다

전 비빔밥 그릇도 추가!!!!!!!

메뉴 나오길 기다리면서

벽면 사진 한 컷~~!!

역시 한정식집이라 그런지

기본 반찬들이 튼실해요 ^^

메뉴가 한가지라 그런지 음식 나오는 속도가

정말 빨라요 ㅎㅎ

옥돔구이와 고등어조림 먼저 나옵니다 !

가까이서 한 컷~

음식이 전부 다 나왔을때도 찰칵~

찌개는 해물뚝배기라고 하네요

반찬은 더 달라면 주니 많이 드시구요 ^^

국물파인 저는 뚝배기에 끓고 있는

얼큰한 국물이 또 먹고 싶어지네요 ㅎㅎ

여기 동도원은 ~~ 제주도 여행와서

간단하게 식사하기 좋은 한정식 음식점이였습니다.

제주도 - 제주시 - 제주공항 - 고등어 조림 - 한정식

[ 동도원 ]

제주도〃고기국수와 갈비국수 먹으러 [산도롱 맨도롱]

HUN IT Blog — Tue, 18 Dec 2018 23:35:56 +0900

제주도의 유명한 음식 중

고기국수와 돔베고기를 먹으러 맛집을 찾고 있었는데요.

서귀포시 성산읍에

산도롱 맨도롱

이라는 고기국수집을 찾아갔어요.

고기국수 한 그릇 하고

성산일출봉 구격하러 가기 위해서죠^^

산도롱 맨도롱은

오픈 AM 8:00 ~ 마감 PM 9:00

으로 알고 있고요.

사람이 북적거릴때 들어가는걸 피해

아침 9시쯤 가니 널널했어요.

가게 내부안에는 많은 방문객들이

오고간 흔적들이 보입니다 ㅎㅎ

벽 메뉴판에는 석갈비 메뉴를 포함해

커플 세트, 3인 세트들이 보이네요.

전 여기서

커플세트(갈비국수 + 고기국수 + 돔베고기(小)) 를

주문했습니다 ㅎㅎ

사장님이 갈비국수도 맛있다고 추천해주시더라구요.

가게 내부 안 사진 ~~~ TWO

여기 벽 메뉴판에는 사진까지 보이네요

저도 저 메뉴 사진 보고 시켰습니다 ^^

주문한 커플세트의

고기국수가 먼저 나옵니다.

국물이 뽀얀게 구수해 보이죠??

다음은 갈비국수 !!

제가 얼큰한 음식을 좋아하다보니

갈비국수 국물이 입맛에 맞았습니다 ㅎㅎ

물론 고명처럼 나온

큼지막한 갈비도 맛있었고요.

다음은 커플세트의 마지막 메뉴

돔베고기~~!!

정확하게는 알지 못하지만

제주도 방언으로

도마위에 올려진 고기 ??

이렇게 알고 있어요.

맛은 보쌈이랑 비슷했어요.

그래도 제주도에서 먹은 고기라

특별한 느낌???

국수와 고기로

적당히 아침을 떼워서 좋았습니다 ^^

제주도 - 서귀포시 - 성산읍 - 고기국수 - 갈비국수 - 돔베고기

[ 산도롱 맨도롱]

제주도〃생각보다 별로였던 [제주 김만복]

HUN IT Blog — Fri, 14 Dec 2018 23:14:45 +0900

제주도에 가면 전복을 이용한

음식점들이 많은데요~~

그 중에

전복으로 만든 김밥집인데

엄청 유명하다고 해서 한번 가봤습니다~

제주 오라3동에 위치한

[ 제주 김만복 ] 본점

유명한 음식점은

본점에 가야죠 ㅎㅎ

김만복 입구 컷~~!!

주차장은 참 잘 되있는것 같아요

평일 점심에 가서 그런지 한산하기도 해서

불편함은 못 느꼇습니다 ㅎㅎ

메뉴 주문은

요~~ 키오스크 앞에서 주문하시면 되는데

블로거들 후기로는

김밥이랑 성게 해물면을 꼭 시키라 하드라구요.

전 별로 면이 안땡기기도 하고

다른 음식들도 먹으러 다녀야 하니

만복이네 김밥 6500원 짜리 주문~~~!!!!

키오스크에서 결제하면

카운터에서 바로 준비해줍니다.

전복 김밥이 주 메뉴이니

미리 준비를 해서

주문을 하면 바로 먹을 수 있게끔?

이런 점은

서비스가 제대로 잘 되있는것 같아요 ^^

하지만..

전 꼬들밥보다는 찰진밥을 좋아하는

찰밥파라서 ㅠㅠㅠ

밥알이 입안에 맴도는게

맛 음미하기 힘들더라구요 ...

꼬들밥 좋아하시는 밥은

좋아하실것 같긴해요 ㅋㅋㅋ

전 다음에 못 먹는걸로^^

제주도 - 제주시 - 전복 김밥

[ 제주 김만복 ]

제주도〃제주공항 양이 푸짐한 [은희네 해장국]

HUN IT Blog — Fri, 14 Dec 2018 22:49:11 +0900

제주도에 해장국을 검색하면

블로그 글중에 상위에 많이 보이는

은희네 해장국

제주도 여행 갔을땐

뭐 먹어야지 계획하고 간게 아니라서

그냥 근처에

맛있는게 있나? 하고

검색하고 발견한 아침에 끼니 때우기 좋은

해장국 집을 가봤습니다 ㅎㅎ

네이버에 은희네 해장국 검색하면

체인점들이 많이 나오는데요

전 그중에서 본점!!

해장국 집에 들어가면

메뉴를 안 물어봐요 ㅋㅋㅋ

그냥 몇 명이세요?

하고 바로 주문 들어갑니다.

왜냐면요.....ㅎㅎ

메뉴가 해장국 한 가지에요

바로 사진 공개!!!!!

워~~~~~ 진짜 양이

너무 푸짐해요ㅋㅋㅋㅋㅋㅋ

진짜 자리에 앉으면

해장국 나오는 속도도 엄청 빠르고, 양도 많고 ~

완전 강추 강추!!

젓가락으로 해장국 속을 들어보면

이런 느낌??

정말 너무 맛있게 배부르게

아침을 먹었었습니다 ㅎㅎㅎ

제주도 - 제주시 - 제주공항 - 해장국

[ 은희네 해장국 ]

제주도〃다금바리 맛있는 횟집 [다미진]

HUN IT Blog — Fri, 14 Dec 2018 22:15:25 +0900

제주도 여행에 빠질수 없는 음식이 있죠

바로 갓 잡아서 바로 먹는

신선한 회~~!!

평소 광어, 우락만 먹던 저에게

뜻하지 않게

제주도 다금바리를

먹을 기회가 생겼어요!!

개그맨 양세형이 주로 부르는 노래

양세바리 양세바리~

제주도엔 다금바리

제가 갔던 [ 다미진 ] 횟집의 위치는

제주 민속촌 근처에 위치하고 있어요.

제주도 여행 중

가장 기억에 남은 맛집이라 느꼇던 건

굉장한 스끼다시와~

사르르 녹는 회의 맛 때문이였던 것 같아요

먼저 다금바리를 보시기 전에

스끼다시 부터 공개

다양한 해산물과

오른쪽엔 고등어 회+ 은갈치 회 ㅎㅎㅎ

진짜 고등어 회는 일품이에요

그냥 사르르~~ 녹기 때문이죠

어렸을 때는 개불을 싫어했는데

나이 먹으면서 점점 좋아지고 있다는...ㅋㅋㅋ

광어, 우럭이랑은 또 다른 느낌인

고등어 회 !

그리고 저기 하얀건

은갈치 회 !

야채도 섭취해 주시고~~~~~~

제주도에서 처음 먹어본

딱새우!

요 딱새우도 회로 먹었어요. 굿굿

이건 멍게인가??

잘 모르겠어요 ㅋㅋㅋㅋ 해산물을 잘 몰라요

그리고 대망의 주인공 등장 !!!!!

다

금

바

리

!!!!!!!!!!!

다금바리 색깔이 참 곱죠??

정말

다금바리 한 점에

소주 한잔 뚝딱입니다.

제주도에 여행가면

제주도 소주인

한라산을 마셔야죠 ㅋㅋ

한라산 한잔과 다금바리 한점

그리고 다금바리를 먹다 보면

갈치 조림이 나옵니다~~

스끼다씨 끝판왕 ㅎㅎㅎ

오징어 튀김도 주시고 ㅋㅋㅋ

마지막엔 성게 미역국과

성게 볶음밥을 주더라구요~~

정말 후회 안하는 다금바리 횟집!!

제일 기억에 많이 남아요 ^^

추천!

제주도 - 서귀포 - 제주민속촌 - 다금바리 - 횟집

[ 다미진 ]

제주도〃제주 올레길 8코스 여행!! 사진 대방출

HUN IT Blog — Fri, 14 Dec 2018 21:18:28 +0900

제주도 여행중

서귀포시 켄싱턴 호텔에 묵을때

근처인 제주 올레길 8코스를 구경해봤습니다.

올레길 8코스 여행 코스로

한번쯤 구경하러 가보시는게 어떠실지는ㅎㅎ

사진으로 감상해보시죠~~

클릭해서 슬라이드로 보시면 깔끔하고 크게 보실수 있습니다 !!^^

스왑주의!

제주도 - 서귀포시

[ 제주 올레길 8코스]

제주도〃중문 통갈치 [색달식당]

HUN IT Blog — Fri, 14 Dec 2018 20:27:14 +0900

올 여름 제주도 여행을 다녀왔는데

나름 블로거 답게

글로 안남기면 후회할것 같아

차근차근 정리 시작합니다~!!

시간의 순서는 뒤죽박죽

제주도 사진을 정리하다가 임팩트가 컸던

통갈치 사진을 보고 제일 먼저 Pick up!!

제가 갔던 통갈치 집은

제주도 서귀포시 중문에 위치한

색달식당 !!

제가 묵었던 켄싱턴 호텔 근처에

있었어요.

입구컷~!

사람들이 있으니 윗 천장~

벽에 붙은 메뉴판

저흰 통갈치조림 4인 시켰어요.

아래는 통갈치 조림 4인 10만원 메뉴 사진 입니다.

갈치 한마리가 풍덩~~

제 기억으론 갈치 한마리로 4명이서 먹기에

양이 좀 부족했던거 같아요 ㅠㅠ

4인이라 2마리 나올 줄 알았는데 ㅋㅋㅋㅋ

그래도 국물 양념이 맛있어서

밥에 비벼먹고 배를 채웠던 기억이 나네요.

제주도는 갈치 가격이 비싸서

2번 이상 찾아 먹진 않을것 같아요 ^^

제주도 - 서귀포 - 중문 - 은갈치

[ 색달식당 ]

의정부〃건강 한정식 [두부마을 양반밥상]

HUN IT Blog — Thu, 13 Dec 2018 22:47:13 +0900

의정부로 출장 갈 일이 있어

점심에 차타고 이동 중

발견한 한정식 집~!!

위치는 장암역 부근에 위치하고 있습니다.

저는 차로 이동중 보여서

사진은 찍지 못했고

네이버 로드 뷰로 보면 ??

대충 이런 느낌의 위치에

있어요~~

사진 찍을줄 몰라

그냥 앉은 자리에서 찍은

메뉴판 !!

비스듬해서 안보이겠지만

전 모듬 정식을 시켰습니다.

아래는 사진 퍼레이드~~~

▼

두부 정식 3인에 메뉴는

된장찌개 + 생선 + 감자전 + 두부반찬등등 나와요

반찬은 계속 리필해주니깐

배불리 건강하게 먹었습니다^^

다음에 가족이랑 장암역 부근 가게 된다면

또 가볼 것 같아요~~

의정부 - 장암동 - 장암역

[두부마을 양반밥상]

엑셀[Excel]〃CountIF 함수 배우기

HUN IT Blog — Wed, 19 Sep 2018 22:50:12 +0900

COUNTIF 함수는 개수를 세는 COUNT와 조건문 IF가 추가된 함수입니다.

범위를 지정해주고 그 중 조건에 맞는 개수를 나타내 줍니다.

■ COUNTIF 함수

COUNTIF 함수를 사용하기 위해 예제를 한번 만들어 봤습니다.

위 사진처럼 적은 데이터면 하나씩 개수를 세면 되겠지만, 데이터가 100개, 1000개 이상이면 함수를 사용하는게

시간절약에도 도움이 됩니다.

각 지역마다 몇명의 사람이 사는지 카운트를 하기 위해 COUNTIF를 사용하겠습니다.

COUNTIF 함수를 적어보면 툴팁 설명에는 아래와 같이 나타냅니다.

COUNTIF("범위","조건")

참 간단하죠 ?

위와 같이 지역을 드래그하여 지정 후, 조건문에 "인천"을 적으면 인천의 개수를 셉니다.

추가로 "인천" 이라 적지 않고, 셀 네이밍을 지정해줘도 됩니다.

이렇게 말이죠...

셀 네이밍으로 조건을 지정해주면 아래로 드래그 했을때 자동으로 조건이 지정됩니다.

위에 인천 셀에 COUNTIF 함수를 적용해놓고 아래로 쭉 내려서

완성했습니다~~~ 끝!!

아래 첨부파일에 제가 작성한 예제 파일을 올려드립니다 ^^

엑셀_COUNTIF.xlsx

엑셀[Excel]〃VLookUP 함수는 데이터 매칭

HUN IT Blog — Wed, 19 Sep 2018 22:41:20 +0900

VLookUp 함수는 엑셀에서 특정 데이터를 기준으로 다른 데이터와 매칭하고자 할때 많이 쓰입니다.

사진을 보면서 같이 함수를 적용해볼까요?

■ VLookup 함수

여기 철수, 유리, 미나, 민수의 점수들을 보기 좋게 예로 들어봤습니다.

저희가 함수를 적용시킬 점수는 영어점수로

오른쪽에 점수테이블 중에 각 이름 별 영어점수가 제대로 매칭되는지 보겠습니다.

매칭을 할 공간에 VLOOKUP 함수를 쓰면 됩니다.

쉽게 설명하기 위해 단계적으로 설명 들어갑니다.

먼저 맨 위에 있는 미나의 C열에 =VLOOKUP 함수를 적고

1. 매칭할 기준점을 잡습니다.

B열의 미나 기준으로 점수테이블의 [미나 영어 점수]를 매칭할 거기 때문에 B열의 미나 클릭!

=VLOOKUP( 매칭할 기준점

2. 점수 테이블에 가져올 데이터를 드래그 합니다.

가져올 데이터를 매칭 대상 까지 드래그 후 절대 참조를 하기 위해 F4버튼을 눌러 줍니다.

=VLOOKUP( 매칭할 기준점 , 점수테이블의 매칭대상부터 긁어올 점수 끝까지+F4버튼

3. 매칭 대상 Index 번호

위에서 긁었던 드래그에서 이름 기준으로 영어 점수는 3번째로 3을 적어줍니다.

=VLOOKUP( 매칭할 기준점 , 점수테이블 매칭 대상 드래그 , 매칭 Index

4. 정확히 일치 여부

매칭이 정확히 일치 해야 하니 FALSE로 입력해줍니다.

=VLOOKUP( 매칭할 기준점 , 점수테이블 매칭 대상 드래그 , 매칭 Index , FALSE )

5. 아래로 쭉 드래그

위에서 뽑은 데이터를 아래로 쭉 드래그 하거나 복사하면 동일하게 매칭이 적용됩니다.

설명을 봐도 이해 안되시는 분들을 위해

아래 첨부파일에 제가 작성한 예제 파일을 올려드립니다 ^^

엑셀_Vlookup.xlsx

Android〃안드로이드 SDK Manager 위치 및 SDK 설치

HUN IT Blog — Thu, 22 Feb 2018 23:47:06 +0900

뭐든지 개발 툴을 처음 접하게 되면

기능 위치들이 어디있는지 헤매게 되는데요.

처음 안드로이드 설치 후

첫 화면에서는 Configure를 누르면

SDK Manager가 바로 보이는데

다른 컴퓨터에서는

안드로이드 스튜디오 메인화면에 진입해버리니

SDK Manager 위치가 어딨는지

도저히 모르겠더라고요.

바로 위치는

[ File ] → [ Settings.. ]

요 위치에 숨겨져 있었습니다.

그리고

[ Appearance & Behavior ] - [ System Settings ]

메뉴로 이동하니 Android SDK 메뉴가 보입니다.

SDK 설치는 오른쪽 하단에 보이는 곳에서 체크 표시하고

Apply 버튼을 누르면

설치가 됩니다.

Show Package Details를 체크표시하면

원하는 것만 골라서 설치가능하며

필수로 Android SDK Platform / Sources / System Image

이렇게 3가지는 설치하시는게 좋을것 같아요.

Android / 안드로이드 / SDK Manager

Android〃안드로이드 스튜디오에 Github Checkout 하기

HUN IT Blog — Thu, 22 Feb 2018 23:18:17 +0900

대부분 안드로이드 개발을 하기 위해서 많이들 쓰시는 툴은

안드로이드 스튜디오를 쓰는데요.

소스관리를 할 수 있는 깃허브(GitHub)에서

체크아웃(CheckOut)하는 법을 간단하게 정리하려고 합니다.

이 글은 제 기준▼

안드로이드 스튜디오는 설치완료한 상태,

Github에 저장되어 있는 소스를 Checkout하는 과정입니다.

▶윈도우용 다운로드

https://git-scm.com/download/win

▶리눅스용 다운로드

https://git-scm.com/download/linux

윈도우시거나 리눅스이신분들은

url 클릭하시면 바로 자동으로 다운로드 시작합니다.

설치는 그냥 Next만

눌러주시면 되요~~

설치경로 정하시고

저는 여기서 바탕화면 바로가기

추가하고 Next

Next!!!

기본 에디터 뭐 쓸건지에 대한 내용입니다.

저는 그냥 여기서도 Next

환경변수 설정입니다.

기본권장사항이 최고죠~~

Next~~

Next!!!

Next~~~~~~~~~~

자 여기가 마지막

Install 버튼을 클릭하면

설치를 시작합니다.

설치완료하면 이렇게 뜹니다.

자~~~이제는

GitHub와 AndroidStudio 연동과정입니다.

▼▼▼▼

▼▼

▼

안드로이드 스튜디오 프로그램을 실행시킵니다.

여기서 3번째 칸인

Check out project from Version Contrl을 눌러

GitHub를 클릭해줍니다.

로그인하라는 화면이 뜨는데요.

Auth Type을 클릭해보시면

1. Token

2. Password

두가지 방법으로 로그인 가능합니다.

저는 Password로 진행하겠습니다.

이제 체크아웃할 정보를 입력만 해주시면 됩니다.

Git Repository URL은 주소 맨끝에 .git 으로 끝이납니다.

안드로이드 스튜디오 내부에서는

제일 상단 탭 [ VCS ] 을 눌러보시면

Checkout from Version Control

메뉴가 있습니다.

그 하위 메뉴에 Git Hub가 있죠 ~~!!

그럼 끝~

Android / 안드로이드 / Github / 체크아웃 / Checkout

안드로이드 스튜디오 / AndroidStudio

가산디지털단지〃겨울에는 대방어 [탐나어시장]

HUN IT Blog — Sun, 11 Feb 2018 18:44:41 +0900

겨울에는 대방어 제철~~

방어는 크기가 클수록 맛있다고 하죠.

탐나어시장은 체인점으로

가산디지털단지와 구로디지털단지 중간에 있는

디지털단지 오거리에 위치하고 있습니다.

구로고가차도 밑에 있기도 하고

이번에 영화 "범죄도시"

장첸이 이 디지털단지오거리를

건너기도 했었죠.

거리뷰에서 가져온 사진~~

여기 탐나 어시장도

다양한 메뉴와 가격도 저렴해서

집앞에 있는 곳 포함

좋아하는 가게입니다.

10명이 가서

13만원짜리 대방어 시켰더니

위와 같이 크게 2접시 나왔습니다.

사장님이 부위 하나하나

직접 설명해주시고ㅎㅎ

비쥬얼은 일단

합격이죠??

한 접시 크게 찍었는데

정말 먹음직스러워요 ㅋㅋ

대방어의

모든 부위가 다 나오고

정말 고소하고 맛있게 먹었습니다.

지금은 2월이라

끝물인것 같지만

대방어는 역시 맛있었습니다~~!!

가산디지털단지 - 구로디지털단지 - 디지털단지오거리

가산 횟집 - 구로 횟집 - [탐나어시장]

이천〃색다른 물갈비 맛집 [제일갈비]

HUN IT Blog — Sun, 11 Feb 2018 18:23:59 +0900

경기도 이천에 출장 가면서

맛집을 찾아보던 중

꼭 한번 먹어봐야 한다는 물갈비집~!!

식신로드에 나왔다는

[ 제일갈비 ] 를

한번 가봤습니다.

물갈비가 무엇일까

궁금하기도 하고 해서

위 주소에 찾아갔습니다.

거리뷰에서 가져온 사진이에요.

2층에 위치하고 있는데

입구도 옛날 느낌이 나지만

식당도 옛날 느낌나요 ㅎㅎ

메뉴판은 정말 간단하게

요렇게 하나 있어요

다른 메뉴 없이 단일메뉴

돼지갈비만~!!

직원분이 오셔서

인원수대로 시킬지 물어봐서

2인분 시켰습니다.

특이하게 생긴 냄비에

매콤한 양념을 재운 갈비와

움푹 파인곳에 국물을 넣어줍니다.

국물이 쫄게 되면

중간중간 국물을 더 넣어줘야됩니다.

직원분이

설명해주시겠지만요 ~~

고기가 익으면

이런 비쥬얼이에요~

처음에는 약간 싱거웠지만

국물이 계속 끓다보니

매콤한 맛이 납니다.

TV에 방영된 곳이라 그런지

사람들도 많이 찾아가는 것 같더라고요.

색다른 맛집을 경험해보시기엔

나쁘지 않았습니다~~!!

경기도 - 이천 - 물갈비 - 이천 맛집

[ 제일갈비 ]

대구〃매콤한 낙지 볶음[낭만쭈꾸미]

HUN IT Blog — Sun, 11 Feb 2018 16:15:28 +0900

블로그를 쉬면서 회사일로 지방 출장을 몇 번 다니게 됬는데

이번에 포스팅할 글은 대구입니다.

위치는 동대구역, 동대구 터미널쪽인

대구 동구 신천동이고요.

MBC 네거리 근처에 있습니다.

조금 늦은 시간인 밤 10시쯤에 갔었는데

주변에 상가들은 닫혀 있었지만

여기 낭만 쭈꾸미는 오픈되있었어요.

늦게 가는 바람에 사진은 못 찍고

네이버 거리뷰에서 스크린샷~~!!

늦은 시간에 갔는데도 사람이 꽤 많았어요.

메뉴판을 멀리서 찍은 것도 있지만

사람이 같이 찍혀 잘랐더니

글자가 잘 안보이네요 ㅠㅠ

1인분은 8,000원이고

보통 쭈꾸미 인분수대로 시키고,

우삼겹 / 차돌박이 / 삼겹살 중에

마음에 드는 고기를 추가로 시켜서

많이들 먹더라구요.

저희는 쭈꾸미 3인분에

차돌박이 2인분 추가로해서

먹었습니다.

사진은 여러개 찍었지만 먹으면서 생각나가지고 찍은 관계로

드러워서 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

그나마 깔끔하고 먹기전에 찍은

이 1장으로 대체합니다.

맵기 단계는 0~10단계 까지 있다는데요.

저희는 매운맛을 먹는 입맛이 달라서

무난하게 5단계 시켜서 먹었는데요.

제 기준에선느 살짝 매콤하다 느낌?

불닭볶음면에서 한단계 아래 느낌이에요.

그리고

추가로 폭탄 계란찜이랑 볶음밥

드시면 더 맛있습니다 ㅎㅎ

대구 동구 신천동 - 동대구 - 동대구 맛집 - 동대구역

[ 낭만 쭈꾸미 D/T점 ]

구로디지털단지〃저렴한 가격에 회를[속초오징어/어시장]

HUN IT Blog — Sun, 11 Feb 2018 10:12:57 +0900

한동안 블로그에 소흘해졌었는데.. 1년만에 글쓰는거 같네요.

복귀 글은 블로그를 쉬면서 그동안 찍었던 맛집들을 소개할까합니다.

장소는 구로디지털단지 깔깔거리안에 위치하고 있어요.

구로디지털단지 2번출구에서 나와서

좀 걷다보면

한 눈에 보여요~~

현수막을 보면 가격이 저렴해 보이기도 하지만

메뉴도 다양하게 있어서

친구들과 퇴근 후 가봤습니다.

먼저 주문을 하려면 메뉴판을 봐야겠죠?

광어랑 우럭이 만원 메뉴부터 있어요.

그리고 겨울철답게 방어메뉴도 있고,

방어랑 광어를 같이 먹을 수 있게

방어+광어 메뉴도 있어 그걸로 시켰습니다~

먼저 기본셋팅이 나오는데

거의 대부분 셀프코너에 다 있어서

부족하면 더 가져다가 먹으면 됩니다.

기다리다 보니 저희가 시켰던 방어 + 광어 메뉴가 나왔습니다.

부족하지 않을정도로 양이 괜찮게 나왔어요

광어랑 우럭은 어디서 먹나 맛이 비슷하지만,

방어는 횟집마다 맛이 다르게 느껴지던데

여긴 고소하고 맛있었어요.

그래도 사람이 4명인지라 양이 부족해서

오징어 회와 매운탕을 시켜서 먹었습니다.

위에 사진이 오징어 회의 비쥬얼~

오징어는 회로 먹나 데워먹나 항상 존맛!!

그리고 요것이 매운탕

얼큰해서 공기밥 하나 시켜서 먹으니 속이 든든했습니다.

술도 잘 넘어가고요

구디에서 회 먹을 일이 있으면

가게가 커서 앉을 곳도 많으니

여기 속초오징어 가셔도

나쁘지 않은 선택인 것 같아요~~

서울 - 구로디지털단지 - 구디

[ 속초오징어/어시장 ] - 구디 횟집

리니지M〃리세마라 하는 방법~!!

HUN IT Blog — Tue, 4 Jul 2017 00:34:02 +0900

얼마 전 출시한 Hot한 모바일 게임인 리니지 M~!!

요즘엔 리셋 마라톤이라고 부르는

리세마라

라는 것을 모바일 게임에서 밀고 있는 추세인가봐요ㅎㅎ

리세마라를 하는 목적은

캐릭터를 새로 생성하여 레벨 15를 달성하면

무료로 상급변신뽑기를 한번 무료로 할 수 있기 때문이에요.

상급 변신뽑기에서는

위와 같은 등급의 카드중에 하나를 주는데

영웅 이상 확률은 극악이긴 합니다..

대신 영웅 등급이 뽑히면

아주 큰 돈으로 팔 수가 있죠~!!

왜냐면 아주 뽑기 힘들기 때문에ㅠㅠ

그렇지만 제가 아는 분이

3시간 만에 성공했다는 이야기를 들어서

저도 해보려는 중이고요^^

자 이제 리세마라 하는 방법 스타트~!

일단 아이디를 만들어 주고~

첫 진입화면입니다

이제 마라톤을 달려볼까요~

시키는대로 따라 주고

데스나이트도 패주고~~

허수아비도 패주다 보면

레벨이 금새 6이되고

다시 몬스터좀 잡다보면

렙 12가 금방 됩니다.

뽑기는 렙 13부터 할 수 있는데요

그냥 튜토리얼 따라가시면됩니다.

그러면 무료로 1번 뽑을 수 있죠~~

도전~~!!!

1재화로 뽑을수 있는 변신뽑기

제가 이 글을 쓰고 있다는건

당연히...

당연히.........?

당연히!!!!!!!!!!!!!!!!

제일 하위인 일반 등급이

나왔네요 ㅎㅎ

역시 희귀등급이상은 어려운가봐요~~

그렇다면 바로 리스타트 눌러 로그아웃하시고

계정변경으로 게스트하면될지 알았지만

캐릭은 남아있고... 그러니

다른서버에서 다시 도전하면 됩니다^_^;;

MySQL〃지정된 파일을 찾을 수 없습니다 + 오류시간 초과

HUN IT Blog — Mon, 19 Jun 2017 16:19:21 +0900

저 오류가 생긴 시점은 MySQL 데이터가 올라오지 않아 테이블이 손상되었다는 알림창을 받고, Repair Table 명령을 쓰니 MySQL이 종료면서 계속 시작되지 않았습니다.

일단 불완전한 상태에서 복구 명령어 써서 데이터가 날라간 것 같긴 한데... 일단 백업은 해두었으니 다시 시작해서 데이터를 옮기면 되지만 서비스에서 MySQL을 실행해보려 하니 "지정된 파일을 찾을 수 없습니다" 라는 오류창만 띄우고.. 생고생ㅠ

역시 구글 갓~!!!

저에게 오류원인은 mysqld가 있는 경로를 서비스가 제대로 못 잡은 것이 문제..

1. 실행 "Regedit" 입력후 실행

2. HKEY_LOCAL_MACHINE -> SYSTEM -> CurrentControlSet -> Services -> MySQL 경로로 찾아감

3. Image Path에 서비스 경로가 명시 되있는데 저 같은 경우는 경로에 큰따옴표 "" 가 붙어 있었음.

ex) "C:\Program Files\MySQL\MySQL Server 5.6\bin\mysqld" MySQL

4. 큰따옴표 제거

ex) C:\Program Files\MySQL\MySQL Server 5.6\bin\mysqld MySQL

5. MySQL 실행 ---- 오류 해결 완료

암호화〃MD5 자바(Java)에서 사용하는 예제코드

HUN IT Blog — Wed, 7 Jun 2017 15:35:59 +0900

자바에서 사용하는 MD5 예제입니다.

예제1은 바이트로 전송할때 사용되는 소스코드

예제2는 간단하게 C드라이브에 test.txt 생성 후 임의의 텍스트를 넣어 테스트 해볼 수 있는 소스코드

■ 예제1

import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;

import org.apache.commons.codec.binary.Base64;

public class MD5Utils {
	
	/**
	 *메시지 다이제스트 알고리즘
	 *128비트 해쉬값 생성, 단방향 암호화
	 *같은 입력값이면 항상 같은 출력값
	 *다른 입력값에서 같은 출력값이 나올 확률은 낮음 0은 아님
	 *현재는 네트워크로 전송된 큰 파일의 무결성 확인
	 */
	public static byte[] digest(String a_szAlgorithm, byte[] a_input) throws NoSuchAlgorithmException {
	
		MessageDigest md = MessageDigest.getInstance(a_szAlgorithm);
		return md.digest(a_input);
		
	} // end public static byte[] digest(String a_szAlgorithm, byte[] a_input) throws NoSuchAlgorithmException
	
	public static String getCryptoMD5String(String a_szSource) throws Exception {
	
		if (a_szSource == null) {
			
			throw new Exception("Can't conver to Message Digest String value!!");
			
		} // end if (a_szSource == null)
		
		byte[] bip = digest("MD5", a_szSource.getBytes());
		String eip;
		String result = "";
		int nSize = bip.length;
		
		for (int i = 0; i < nSize; i++) {
			
			eip = "" + Integer.toHexString((int) bip[i] & 0x000000ff);
			
			if (eip.length() < 2) {
				
				eip = "0" + eip;
				
			} // end if (eip.length() < 2)
			
			result = result + eip;
			
		} // end for
		
		return result;
		
	} // end public static String getCryptoMD5String(String a_szSource) throws Exception
	
	public static byte[] encodeBase64(byte[] a_src) throws Exception {
	
		try {
			
			return Base64.encodeBase64(a_src);
			
		} catch (Exception e) {
			
			throw e;
			
		} // end try
		
	} // end public static byte[] encodeBase64(byte[] a_src) throws Exception
	
	public static String encode(String a_src) throws Exception {
	
		try {
			
			return new String(encodeBase64(a_src.getBytes("8859_1")));
			
		} catch (Exception e) {
			
			throw e;
			
		} // end try
		
	} // end public static String encodeBase64(String a_src) throws Exception
	
	public static byte[] decodeBase64(byte[] a_src) throws Exception {
	
		try {
			
			return Base64.decodeBase64(a_src);
			
		} catch (Exception e) {
			
			throw e;
			
		} // end try
		
	} // end public static byte[] decodeBase64(byte[] a_src) throws Exception
	
	public static String decode(String a_src) throws Exception {
	
		try {
			
			return new String(decodeBase64(a_src.getBytes("8859_1")));
			
		} catch (Exception e) {
			
			throw e;
			
		} // end try
		
	} // end public static String decode(String a_src) throws Exception
	
} // end MD5Util

■ 예제2

import java.io.BufferedInputStream;
import java.io.FileInputStream;
import java.security.DigestInputStream;
import java.security.MessageDigest;
 
import com.Ostermiller.util.Base64;
 
public class DigestStreamExample {
 
       public static void main(String[] args) throws Exception{
             MessageDigest md = MessageDigest.getInstance("MD5");
             BufferedInputStream in = new BufferedInputStream(new FileInputStream("c:\\test.txt"));
            
             //DigestInputStream을 생성한다.
             DigestInputStream digestIn = new DigestInputStream(in, md);
             // 모든 데이터를 읽어들인다.
             while(digestIn.read() != -1);
             byte[] theDigest = md.digest();
            
             System.out.println(Base64.encode(theDigest));
       }
}

암호화〃메시지 다이제스트 MD5(Message Digest algorithm5)

HUN IT Blog — Wed, 7 Jun 2017 10:12:06 +0900

메시지 다이제스트(Message Digest) 알고리즘 중 MD5에 대해 간단하게 정리해봅니다.

■ MD5 (Message Digest algorithm5)

1. 설명

- 데이터 무결성을 보장할 수 있는 알고리즘

- 임의의 길이값을 입력 받아서 128비트 길이의 해시값을 출력하는 알고리즘

- 단방향 암호화

( 같은 입력값 → 같은 출력값, 서로 다른 입력 → 서로 다른 출력값으로 같은 출력값이 나올 확률은 0이 아니나 극히 낮은 확률 )

- 고속 연산이 가능

- 공개키, 비밀키 시스템보다 계산시간이 적음

- 패스워드 암호화로 사용됬으나 현재는 FTP 파일 검증에 많이 사용되고 있음

2. 종류

- MD2 : 128비트 해쉬값 생성 / MD5와 비슷하지만 안전도↓ 속도↓

- MD5 : 128비트 해쉬값 생성 / MD2에 비해 안전도↑ 속도↑

- SHA-1 : NIST와 NSA가 함께 고안 / 160비트 해쉬값 생성 / 아직 특별히 알려진 공격 방법이 없고 안전한 편

- RIPEMD128/160 : 독일의 암호학자가 고안 / MD4의 변형으로 암호, 분석 공격에 저항 / 128,160비트 해쉬값 생성

- HAS160 : 한국 KISA 개발 / 160비트 해쉬값 생성

- SMD : 한국 ETRI 개발 / 160비트 해쉬값 생성

- HAVAL : 가변길이 해쉬값 생성 / MD5에서 수정됨 / 3~5라운드의 가변적인 라운드 수 / 해쉬값 길이는 128, 160, 192, 224, 256 비트등을 생성 가능

3. 속도

- MD > 비밀키 >>>>>>>>> 공개키

4. 비교

- MD : 메시지 인증(무결성)만 제공

- 비밀키 : 실제 전송되는 메시지 암호화 / 자주 전송하므로 빠른 비밀 알고리즘 사용

- 공개키 : 인증(전자서명)과 비밀키 교환

5. 키 길이

- MD : 위 2번 참고

- 비밀키 : DES 56 bit / AES 128 bit

- 공개키 : RSA 512~1024 bit

약달력 〃 약달력으로 까먹지 말고 약 챙겨드세요

HUN IT Blog — Sat, 27 May 2017 12:02:32 +0900

저의 경우 항상 병원에서 약을 타오면

하루 이틀은 잘 챙겨 먹는데

그 이후에는 약을 어디다 놨는지도 까먹고

약이 뒤죽박죽 섞여서

안 먹고 버리게 되는데요 ㅠ

병원에서 먹는 약 뿐만 아니라

자주 챙겨먹어야 하는 건강약들까지

안 까먹고 챙길 수 있는게 있는 겟 아이템

" 약달력 " 이란걸 구매했습니다

달력은 달력인데

약달력이라...

약달력은

약먹는 달력을 줄인건데여~~

처음 쇼핑할땐 생소하기만 했습니다

저는 달력을 날짜 확인하는

용도만 있는줄 알았거든요

아무튼 이제 약달력이 있으니

약을 까먹지 않고 먹을 수 있게 됬어용~~

날짜별로 먹어야 될 약들을

약통에 넣어서 보관했다 꺼내먹기만 하면 되니

절대 까먹을 일이 없죠 ㅋㅋㅋ

구성품은 약달력이랑

약통들 + 월별로 교체할 수 있는 숫자들!!

이렇게 구성 되있어요.

디자인 또한 여러 종류 다양한것 같은데요.

네이버에 검색창에

약먹는달력

검색하면 많이 많이 나오니

원하는 디자인 골라서 사용하면 될 것 같아요^^

사진을 워낙 못 찍으니

사진 실력은 이 정도로 만족해주시고ㅠㅠ

부모님이나 조부모님~~

친척들에게 선물해주면 좋을 것 같아요

약먹는 달력 약달력으로

건강해지자구요~~~

약달력 〃 약달력으로 까먹지 말고 약 챙겨드세요

C#〃윈도우 폼(Form)과 폼의 이동 변환

HUN IT Blog — Wed, 17 May 2017 16:10:01 +0900

C#에서 윈도우폼(Window Form)간의 이동하는 법은 2가지가 있습니다.

첫번째는 현재창을 그대로 유지하고 두번째 창을 여는 방법.

두번째는 현재창을 종료하고 두번째 창을 여는 방법.

구글링을 하면 여러가지 방법이 많이 나와 있긴 합니다.

하지만 한번 삽질을 했던 경험을 말하자면...

현재창을 종료하고 두번째 창을 띄었으면

첫번째창의 프로세스도 종료되야 하는데

종료되지 않아 문제가 발생했습니다.

그래서 직접 해보고 제일 간단하면서

결과는 확실했던것으로 정리합니다^^

1. 현재창을 그대로 유지하고 두번째 창을 여는 방법 (첫째창도 클릭 가능)

private void button1_Click(object sender, EventArgs e){

Form2 showForm2 = new Form2();

showForm2.show();

}

2 . 현재창을 그대로 유지하고 두번째 창을 여는 방법(Modal 형식이라 첫째창 클릭 불가)

private void button1_Click(object sender, EventArgs e)

{

Form2 showForm2 = new Form2();

showForm2.showDialog(); // show를 showDialog로 바꿔줌

}

3. 현재창을 종료하고 두번째 창을 여는 방법

private void button1_Click(object sender, EventArgs e)

{

this.Visible = false; // 추가

Form2 showForm2 = new Form2();

showForm2.showDialog();

}

C#〃자바의 jar를 C#의 dll로 사용하는 방법 - ikvmc

HUN IT Blog — Tue, 16 May 2017 11:18:55 +0900

자바에서는 JAR를 라이브러리로 사용하는데요. 그 파일을 C#에서 사용하고자 한다면 외부 프로그램을 이용해서 변환 해줘야 합니다. 그래서 이번에 알게 된 파일이 IKVMC인데요.

아래 소스포지 링크 클릭~!

https://sourceforge.net/projects/ikvm/files/

빨간색 네모칸안에 알집파일을 다운 받습니다^^

C드라이브에 압축을 풀고

내컴퓨터 → 시스템 → 고급시스템설정 → 고급탭 환경변수로 이동하여

Path 항목에 C:\ikvmc\bin 경로를 잡아줍니다.

간편하게 CMD창에서 명령을 수행하기 위함이죠~~

CMD창에서 JAR파일이 있는 경로로 이동 후

ikvmc 변환할파일명.jar

명령어를 먹여줍니다.

그러면

jar파일이 있는 폴더에 C#에서 사용가능한

dll파일이 생성됩니다~~!!

C#에서 사용하려면

참조 추가로 사용하는건 아시겠죵

C#〃명령 실행시간 Stopwatch로 측정하자

HUN IT Blog — Tue, 25 Apr 2017 17:54:44 +0900

명령을 수행하는 시간을 측정해봤음 좋겠다 싶을때는 Stopwatch 를 사용하면 됩니다.

정말 간단하게 사용할 수 있어요^^

Stopwatch는 using System.Diagnostics를 선언 후 사용합니다.

Stopwatch swh = new Stopwatch();

swh.Start();

// 명령을 수행하는 구간

swh.Stop();

MessageBox.Show(sw.ElapsedMilliseconds.ToString());

대략적인 소스 사용법이고 .NET 2.0이상부터 지원 가능합니다.

위 사진은 제가 Stopwatch를 While문과 같이 사용하여 결과를 낸 사진입니다.