태그 보관물: 유용한 사이트

개발자에게 유용한 사이트 소개

개요

개발을 진행하다보면 사소한 것에 많은 시간을 쓰는 경우가 있습니다. 이럴때 작업을 쉽게 해주는 도구나 사이트를 적절하게 이용하면 시간을 절약할 수 있습니다. 개발자에게 유용한 사이트 를 알아보도록 하겠습니다.

JSON Formatter

XML 보다는 자료 전달을 위해 JSON을 더 많이 사용하게 됩니다. 가끔 텍스트로 구성된 내용을 확인해야 하는 경우가 있습니다. 텍스트 에디터에서 보면 쉽게 원하는 부분을 찾기가 어렵습니다. 그럴때 유용하게 사용할 수 있는 사이트 입니다. JSON 내용을 붙여넣고 Process 버튼을 클릭하면 검증도 해 주고 각 요소별로 들여쓰기가 되어 보기 편한 상태로 나타납니다.

https://jsonformatter.curiousconcept.com/

JSON Formatter

JSON Formatter

원하는 크기의 이미지 표시 placehold.it, placeimg.com

웹 개발을 하다보면 화면에 특정한 크기의 이미지들이 반복적으로 나타나야 하는 경우가 있습니다. 그 외에도 다양한 크기의 이미지들이 사용됩니다. 이럴 때 이미지 파일을 별도로 만들지 않고 placehold.it 사이트를 이용하면 편리하게 나타나게 할 수 있습니다. img 태그 소스에 다음과 같이 원하는 크기를 지정하면 됩니다.

<img src=”http://placehold.it/187×60″ />

placehold 이미지 실제 모양

placehold 이미지 실제 모양

텍스트가 나타나는 것보다 실제 이미지가 나타나기를 원하면 placeimg.com 를 이용하면 됩니다. img 태그 소스에 다음과 같이 지정하면 됩니다.

<img src=”https://placeimg.com/640/480/any” />

640*480 이미지를 무작위로 보여주게 됩니다. 필요한 크기로 숫자를 변경해서 이용하면 됩니다.

내용 채우기 Lorem Ipsum

사이트 레이아웃을 협의할 때 화면 영역에 내용을 채워야 하는 경우가 있습니다. 내용을 받았을 경우 문제가 없지만 초기에는 필요한 자료를 받지 못한 경우가 많습니다. 이럴때 내용을 무엇으로 채워야 할지 애매한 경우가 많습니다. 뉴스 텍스트를 채워보기도 하고 의미없는 글자를 입력해 보기도 합니다. 이럴때는 www.lipsum.com 사이트를 이용하면 편리합니다.

Lorem Ipsum 사이트

Lorem Ipsum 사이트

문단, 단어, 전체 bytes 수를 입력하고 생성 버튼을 클릭하면 내용이 생성되어 나타납니다. 이것을 복사 후 붙여넣기 하여 사용하면 됩니다.

Alejandra Villalobos 님이 추천해 주신 사이트도 소개합니다. 단락, 문장, 단어, 구절을 선택해서 생성버튼을 클릭하면 하단에 내용이 나타납니다.

https://www.websiteplanet.com/ko/webtools/lorem-ipsum

로렘 입숨 생성기

로렘 입숨 생성기

한글로 생성해 주는 사이트도 있습니다. 다음의 주소에서 확인할 수 있습니다.

hangul.thefron.me

한글 Lorem Ipsum

한글 Lorem Ipsum

개발자의 시간을 줄여주는 유용한 사이트를 알아보았습니다.