Programming/프로그래밍 (16) 썸네일형 리스트형 iframe cross domain 문제(iframe 부모 자식 대화, scroll size 조절 예제) iframe cross domain 문제(iframe 부모 자식 대화, scroll size 조절 예제) 현재 사이트에서 기능을 새로 만들고 보여 주는 것보다 다른 서버에 이미 만들어져 있는 화면을 그대로 현재 화면을 가져오고자 할 때 iframe 태그를 이용하는 경우가 생기는 것 같습니다. 현재 웹사이트에서 iframe 태그를 이용해 현재 사이트에서 다른 사이트에 내용을 보여주고 싶은 경우가 생기는 데 iframe으로 보이는 내용이 스크롤이 필요 없는 경우라면 문제가 없겠지만 세로 스크롤이 필요할 정도로 보이는 내용이 많은 경우 한 페이지에 스크롤이 두 개 생기면 보기에 지저분합니다. iframe의 크기가 정해져 있다면 상관없겠지만 iframe안에서 특정 상황에 따라 높이가 계속 변경된다 보니 반드시 .. 웹 프로그래밍 크롬 브라우저 활용 노하우? 웹 프로그래밍 크롬 브라우저 활용 노하우? 웹 페이지와 관련된 코드를 작성하면서 개인적으로 크롬 브라우저를 활용해 코드를 작성하고 있는 방법에 대해서 몇 가지 작성해 보려고 합니다. 웹에선 기본적으로 사용되는 코드는 html, CSS, Javascript(jQuery), 웹 언어(php,asp,.net,jsp) 등이 있습니다. 웹페이지를 하나 만들려고 해도 다뤄야 할 줄 아는 코드들이 많이 있습니다. 게다가 데이터베이스 쿼리까지 만져야 하다 보니 웹 사이트를 하나 만든다는 건 정말 어려운 일입니다. 혼자서 모든 코드를 마스터하였고 다양한 경우의 수를 경험한다는 건 쉽지 않은 조건이라고 생각 합니다. 그렇게 하다 보니 웹에서는 다양한 API나 여러 가지 지원하는 것들을 이용해 사이트를 만드는 경우가 많습니.. 이클립스 FTP(Remote System Explorer) 설치가 안될때 참고 하세요. 이클립스 FTP(Remote System Explorer) 설치가 안될 때 참고하세요. 이클립스는 개인적으로 저도 좋아하는 프로그래밍 코드작성 툴 중 하나인데 개인적으로 만들고 있는 사이트가 있어 이클립스를 이용해 FTP 접속을 통해 코드를 작성하는 게 훨씬 편할 것으로 생각이 들어 이클립스를 이용해 코드를 작성하려고 했습니다. 진행하면서 이클립스를 이용해 FTP 접근을 하기 위해 유용한 플러그인 Remote System Explorer를 설치하려고 했는데 마켓플레이스에서 검색도 안 되고 설치도 제대로 진행이 안 되더군요. 저의 경우는 Remote System Explorer 플러그인에서 지원하는 버전이 현재 다운받았던 이클립스 버전을 지원하지 않다 보니 설치가 진행이 안 되었던 경우입니다. https:.. CSS Javascript 이미지 적용이 안될 때 참고하세요. CSS Javascript 이미지 적용이 안될 때 참고하세요.최근에 사이트 작업을 하고 있는데 호스팅 서버에 올려놓은 소스 파일을 ftp로 직접 접근해 수정하는 작업을 하고 있었습니다. CSS나 Javascript 소스 파일은 대부분 파일을 분리해서 첨부 파일 형태로 소스 코드를 작성하였습니다. 그런데 이미 기존에 작업해놓은 CSS나 Javascript 이미지 파일을 수정하고 사이트를 확인해 보니 수정된 화면을 볼 수 없었습니다. 인터넷 브라우저에서 사이트 속도 향상을 위해 캐시를 사용하다 보니 캐시에 있던 소스 파일이 남아있어서 같은 이름으로 소스 코드만 수정했을 때는 수정된 내용이 바로 변경되지 않더군요. 이런 경우는 새로운 파일을 만들어서 소스코드의 첨부 파일의 경로를 변경해 주시면 캐시가 남아 있.. HTML 색상 코드 Rgb Hex Hsl Hwb Cmyk Nco 확인 방법 HTML 색상 코드 Rgb Hex Hsl Hwb Cmyk NcoL 코드 확인 방법얼마전에 익스플로러를 이용한 돋보기 버튼을 활용하여 웹페이지에 색상 코드를 확인할일이 생겼습니다. 익스플로러에서 이미지, 버튼의 색상등 각종 웹페이지에 있는 색깔의 코드를 알아내려면 익스플로러에서 F12 누르시고 아래 이미지와 같이 스포이드 모양의 버튼을 눌러 주시면 됩니다. 그리고 확인하고자 하는 색을 인터넷창에서 마우스로 눌러주시면 간단히 색상 코드를 확인할 수 있습니다. 코드를 확인해 보니 RGB 형태로 색상이 표현되더군요. 하지만 제가 소스를 작성할 때 가독성을 위해서 소스 형태를 RGB 형태가 아닌 Hex 코드를 사용하여 색상을 표현하였습니다. 그래서 RGB 코드를 통해서 Hex 코드의 정보를 확인할 일이 생겼던 겁.. 비주얼스튜디오 코딩 스타일 추천 비주얼스튜디오 코딩 스타일 추천소스 코드를 다루시는 분들 중에 비주얼스튜디오 툴을 사용하시는 분들에게 추천 하고 싶은 코딩 스타일이 있습니다. 기존에 테마를 변경하여 전체적인 스타일을 변경 할 수도 있지만, 코딩에 뭔가 임팩트가 있는 게 없을까 계속 찾고 있었는데 드디어 찾았습니다. 에디트플러스, 이클립스, 메모장, 울트라에디트등 다양한 코딩 툴이 존재하는데 제가 찾은 건 비주얼스튜디오에 적용되는 코딩 스타일입니다. 비주얼 스튜디오가 아닌 툴에서도 제가 찾은 것과 비슷한 타격감이 있는 폰트 스타일이 있다면 댓글 남겨 주시면 고맙겠습니다. 비주얼 스튜디오에서 타격감이 있는 코딩 스타일을 적용 시키는 방법은 아주 간단합니다 사이트에 접속하셔서 https://marketplace.visualstudio.com.. syntaxhighlighter 사용법 소스 코드에 색깔 입히기 syntaxhighlighter 사용법 (티스토리 적용소스 코드에 색깔 입히기) 제블로그에선 색깔을 먹이기 위해 다른 방법을 썼었는데 블로그를 몇번 돌아다니다 보니 코드에 자동으로 색깔등이 부여가 되는걸보고 깜놀.. 그래서 방법을 찾아보았습니다. 이렇게 좋은방법이 있을수가.. 순서대로 따라하면 다됩니다. 1. http://alexgorbatchev.com/SyntaxHighlighter/ 이사이트에 접속해서 download 버튼을 누른뒤 Click here to download를 통해 먼저 파일을 받습니다. 2. 관리하는 사이트에서 admin에 들어가면 HTML/CSS편집 창이 있습니다. 누르시면됩니다. 3. 누르면 다음과 같은 화면이 뜹니다. 아래화면중 파일업로드 버튼을 누르고 받은 파일의 script.. 프로그래밍 공부사이트 링크 목록 프로그래밍 공부사이트 링크 목록 http://www.xmind.net/ 필기에 필요한사이트 http://www.w3.org/ :웹표준작업단체 http://www.trio.co.kr/ 웹표준 한글화 http://www.taeyo.net/ ASP공부사이트 http://www.devpia.com/ 막히는것 찾아서보자 http://www.hoons.kr/ 공부사이트 http://www.codeproject.com/ ms관련 소스있는 사이트이다. http://www.microsoft.com/msdn http://gunsys.com/cbt_list/index.php - 정보처리기사 시험 풀어보기 사이트 http://msdn.microsoft.com/ko-kr/library/67ef8sbd.aspx C# 프로그래밍 .. 이전 1 2 다음
