본문 바로가기

전체 글80

코드테스트용 사이트 - codepad 코딩 테스트용 사이트 - Codepad 간혹 코드를 짜다가 특정 구문이나 단순한 테스트용으로 짜고 싶을때가 있는데 이럴때 마다 툴을 켜서 일일이 하나하나 다쓴다음 컴파일링 해서 테스트 해보고 하기가 귀찮다.. 그러다 codepad라는 사이트를 알게 되었는데, 상당히 유용하게 사용할수가 있다. http://codepad.org/ 위의 링크로 들어가면 아래와 같이 뜨는데 왼쪽에 Language 에서 사용할 언어를 선택후에 오른쪽 하얀 부분에 코드를 작성하면된다 나는 예시로 아래와 같이 입력하였다. $a = 4; $b = 5; $c = $a+$b; echo $c; 그랬더니 그거에 대한 결과인 output 과 입력한 구문인 input이 나온다 Link 부분은 해당 입력한 페이지를 공유할수 있는 페이지 링크이고 .. 2015. 5. 26.
브라우져 호환성체크 사이트 - BrowserStack 브라우져 호환성체크 사이트 - BrowserStack 저는 웹프로그래밍을 하지만 요즘은 Front 에 더 관심이 있어서 CSS 나 HTML5 등이 여러 브라우져의 호환성에 대해서도 많이 확인을 하고 싶어합니다. 그래서 PC에 여러 브라우져들을 깔고 보긴 하는데 이젠 모바일 기기까지 확인해야 된다니 !! 폰을 다 살수도 없고... 그러다가 알게된 사이트 입니다. ! PC별(윈도우,맥,모바일..) 브라우저 별로 자신의 사이트가 어떻게 뜨는지 화면을 캡쳐하여 보여주는 사이트 입니다. 링크 : https://www.browserstack.com/screenshots 링크에 들어가면 위와 같이 뜨는데 Enter Link에 자신의 사이트링크를 적은다음 아래에서 자신이 보고싶은 PC버전별 브라우저를 선택후 Gener.. 2015. 5. 22.
크롬 화면 캡쳐 프로그램 - Nimbus Screenshot 안녕하세요 ~ 이번에 소개해 드릴 프로그램은 우리가 인터넷을 하다보면 화면을 캡쳐하고 싶을때가 있는데 IE에서는 저는 알툴바를 쓰지만크롬에서는 쓸만한게 없더라구요..그래서 이번에 찾게된 크롬 확장 프로그램 중 하나인 Nimbus Screenshot 이라는 크롬 확장 프로그램을 알려드리려 합니다 ~ 다운을 받는 방법은 아래의 링크를 통하시거나 https://chrome.google.com/webstore/detail/nimbus-screenshot/bpconcjcammlapcogcnnelfmaeghhagj 아래의 링크로 들어가서 스토어 검색에 Nimbus Screenshot 이라고 검색하시면됩니다.https://chrome.google.com/webstore/ 들어가신다음 오른쪽 위에 설치를 누루셔서 크롬.. 2015. 5. 22.
이미지맵을 쉽게 잡아주는 이미지맵 프로그램 이번에 소개할 프로그램은 이미지맵을 쉽게 잡아주는 프로그램입니다 ! 프로그램이라기 보다는 사이트에 가깝겠네요~ 항상 이미지맵을 잡을때 이미지의 좌표를 하나하나 따면서 입력하고 하기가 너무 귀찬하요 ㅠ 그래서 이미지맵을 쉽게 잡아줄 사이트를 추천합니다 ~ http://www.maschek.hu/imagemap/imgmap mascheck 이라는 사이트의 기능중 하나입니다 ~ 이미지를 업로드 하거나 자신이 가진 이미지의 링크를 넣어 이미지를 불러온후에 영역을 네모,원형,다각형으로 원하는데로 지정하여 map 에 대한 area를 html로 반환해 줍니다 ~ 사용법은 아래와 같습니다. 1. 우선 select souce 부분에 자신이 가지고 있는 이미지의 파일을 업로드 하거나 링크를 적어서 사용합니다. Use an.. 2015. 5. 21.

티스토리툴바