개발의 효율을 높이는 사이트 정리

프로젝트및 개발에 유용한 사이트를 정리해보면 다음과 같다.

1.JSON viewer

- http://jsonviewer.stack.hu/

Online JSON Viewer

- http://json.parser.online.fr/

Json Parser Online

이사이트는 JSON구조를 보기 쉽게 보여준다. JSON Data의 양이 많을 수록 이사이트 효율성은 높아진다.

개인적으로 나는 http://jsonviewer.stack.hu/ 여기를 더 선호하는데 이유는 

 

http://jsonviewer.stack.hu/ 의 Viewer화면

View로 볼때 데이터구조를 한눈에 파악하기 용이하기 때문이다.

 

2. Notion, EverNote, 메모장등 개발스타일 가이드 및 개발 문서를 작성시 유용한 사이트로 코드를 보기좋게 html로 만들어준다.

https://colorscripter.com/

Color Scripter

var arr = ["item1", "item2", "item3"];
var result = arr.some(function(value, index, array) {
    console.log("[index] : " + index);
    console.log("[value] : " + value);
    console.log(array);
    if (value === "item2") {
        return true;
    }
});
console.log('[result] : ' + result)

 

 3. 이 사이트는 위의 2번에 적용전에 코드가 Indent가 맞지 않을경우 Auto-Indent가 되어있지 않을 경우 Auto-Indent를 해주는 사이트이다.

https://wepplication.github.io/tools/beautifyCode/

웹 소스코드 정렬 사이트

위의 2번의 항목의 코드를 Indent가 적용되지 않을경우 원본에다가 소스코드를 넣고 변환을 누르면 다음과 같이 나온다.

 

4. 변수 또는 클래스명 생성시 네이밍에 대한 고민을 풀어주는 사이트로, 일반적으로 어떻게 사용되고 있는지를 나타내준다.

https://www.curioustore.com/#!/util/naming

Curioustore

 

5. 두개의 JSON파일의 차이점을 보여주는 사이트로 많은 양의 JSON Data중 틀린부분을 찾아준다.

http://www.jsondiff.com/

JSON Diff - The semantic JSON compare tool

이 사이트는 파일까지도 지원을 해줘 상당히 유용하다.

 

 

6. 코딩을 온라인으로 해서 출력, console창을 제공하여 여러가지 테스트를 가능하게 해주는 사이트이다.

https://jsfiddle.net/

JSFiddle - Code Playground

 

7. Base64로 인코딩 디코딩 확인이 가능한사이트이다.

https://www.base64decode.org/

Base64 Decode and Encode - Online

 

8. QR code 생성 및 테스트가 가능한 사이트이다.

https://ko.online-qrcode-generator.com/

qr 생성기