개발코드 정렬 하기 


얼마전 소스 리뷰를 보는데 MIN으로 압축된 JS 파일을 유지보수 하는
분을 보았습니다. 한줄로 된 그 코드를 분석하는 개발력에 놀라웠지만 
생산적인 면에서는 소스를  정렬하고 유지보수 하는게 좋아 보이더군요

소스를 정렬 하는 방법은 상당히 많습니다.



첫번째로 해당 기능을 제공하는 사이트에서 정렬 하는 방법이 있고
두번째로 IDE 기능을 통해 하는게 사실 가장 좋고
세번째는 손으로 직접 정렬 하는 방법이 있을 것입니다.

그래서 오늘은 
첫번째 방법을 알아보겠습니다. 
바로 http://jsbeautifier.org/ 사이트를 활용 하는 방법 입니다. 


▼ 접속하면 아래와 같이 바로 기능 페이지가 나옵니다. 기능에 충실하네요


▼이번에는 정렬해볼 소스를 구해봅시다.
http://code.jquery.com/jquery.min.js 을 크롬으로 열어보면
아래처럼 압축 암호와 된 script가 보입니다. 이걸 클립보드에 복사 해보시고~


▼ 아래 처럼 기능을 실행시켜보면 정렬 된 min jquery를 보실 수 있습니다. 






마무리


개발 후에 특정 정렬 프로그램을 이용해 마무리 하는걸 약속하면 
일괄된 소스를 볼 수 있습니다^^


댓글을 달아 주세요



미터, 프로그래스 태그 차이


오늘은 간단한 HTML을 설명하려고 합니다.
progress는 흔히 사용하는 태그입니다.
진행률 나타낼때 참 좋죠.

그런데 meter라는 태그도 progress와 너무 비슷합니다.
그래서 오늘은 이 두가지의 HTML 차이를 알아보려 합니다.

결론부터 말하면

progress : 진행율을 나타내기 위해, 동적 데이터
meter : 현재 점수나 범위를 나타낼때, 정적데이터



▼ 아래 소스를 크롬에서 확인하면
<html>
<head>
    <title>meter 태그와 progress 태그 </title>
</head>

*당신의 수학점수는?<br>
90-> <meter value="90" min="0" max="100">90</meter>

<br>

*현재 프로젝트 완성률은 <br>
70%-> <progress id="progressID" value="70" max="100"></progress>

</html>

▼ 아래처럼 보입니다. 특이점은
progress 태그는 눈금이 보이죠? 앞으로 뭔가 더 진행될거 같으 느껴집니다. 동적으로 보이고
meter 태그는 정적으로 보입니다. 


▼하지만 익스플로러에서는 조금 다릅니다.
우선 meter 태그는 디자인 없이 text속성의 값만이 보이고 progress는 크롬처럼 눈금이 없는 모양새네요
익스 때문에 한국에서는 구분없이  progress를 통일해서 쓰게 되고 있습니다.




마무리


이제는 익스가 호환성 문제가 많네요


댓글을 달아 주세요



telnet 으로 port 개방 확인


이전 시간에 tcping으로 리뷰한 방법이 특정 파일이 폴더상에 존재하는게 불편하다고 하여
이번에는 텔넷으로 이를 확인해보는 방법을 알아보겠습니다.



오늘은 윈도우 10버전으로 확인해보겠습니다.

우선 대부분의 컴퓨터에는 텔넷 클라이인트가 설치되어 있지 않기 때문에
설치부터 해보시죠!

▼우선 시작 버튼을 눌러 "프로그램 및 기능"을 찾아주세요 그리고 클릭


▼해당 메뉴에서 windows 기능 켜기/끄기를 눌러주세요. 윈도우즈 기능입니다. 


▼그리고 맨아래로 스크롤을 내리면 "텔넷 클라이언트"라는걸 확인 가능합니다. 해당을 체크해주세요
그럼 준비 완료 입니다. 




▼CMD를 검색해 명령 프롬프트를 실행합니다.


▼사용법은 이렇습니다.
telnet : 도메인(IP) 포트


▼해당 아이피에 포트가 내 컴퓨터에서 접속이 가능하면 바로 이렇게 창이 넘어갑니다. 접속이 된거죠


▼하지만 .... 거리다가 호스트 연결 할 수 없다고 뜨면 해당 포트 접속이 불가능 한겁니다.





마무리

사용법은 매우 간단하지만
실전에서 자주 쓰는 방법입니다. 





댓글을 달아 주세요