본문 바로가기
반응형
   

Programming

 (421)
웹 프로그래밍 크롬 브라우저 활용 노하우? 웹 프로그래밍 크롬 브라우저 활용 노하우? 웹 페이지와 관련된 코드를 작성하면서 개인적으로 크롬 브라우저를 활용해 코드를 작성하고 있는 방법에 대해서 몇 가지 작성해 보려고 합니다. 웹에선 기본적으로 사용되는 코드는 html, CSS, Javascript(jQuery), 웹 언어(php,asp,.net,jsp) 등이 있습니다. 웹페이지를 하나 만들려고 해도 다뤄야 할 줄 아는 코드들이 많이 있습니다. 게다가 데이터베이스 쿼리까지 만져야 하다 보니 웹 사이트를 하나 만든다는 건 정말 어려운 일입니다. 혼자서 모든 코드를 마스터하였고 다양한 경우의 수를 경험한다는 건 쉽지 않은 조건이라고 생각 합니다. 그렇게 하다 보니 웹에서는 다양한 API나 여러 가지 지원하는 것들을 이용해 사이트를 만드는 경우가 많습니..
HTML 바둑판 형식 div 태그 정렬 샘플 예제 몇가지(div 왼쪽, 오른쪽, 가운데 정렬) HTML 바둑판 형식 div 태그 정렬 샘플 예제 몇가지(div 왼쪽, 오른쪽, 가운데 정렬) 좋은 내용의 글을 작성하려고 하는 데 최근에 정말 많이 바쁜 것 같습니다. 언젠가 지금 하는 일들이 손에 익고 개인적인 실력이 더 늘어난다면 좀 더 유용한 글을 작성할 수 있을 것 같습니다. 여러 개의 div 태그를 이용해 전체 태그 안에 있는 div 태그들은 가운데 정렬하고 전체 div 태그 자체를 왼쪽, 가운데, 오른쪽으로 정렬하는 샘플 예제 div를 몇 가지 작성해 보려고 합니다. 개인적으로도 많이 사용하게 될 것 같아 기록을 남기는 의미도 있고 필요한 분들에게 도움이 되길 바라며 간단히 작성하였습니다. 글만으로는 어떤 내용인지 조금 헷갈리실 수 있으니 div 태그들의 이미지와 소스 코드를 첨부하였습니다...
PHP AJAX를 이용해 데이터를 가져와 볼까?(Json 이용, Json 이용하지 않기) PHP AJAX를 이용해 데이터를 가져와 볼까? (JSON 이용, JSON 이용하지 않기) 개인적으로 만들고 있는 사이트가 있는데 페이지 전환 없이 데이터를 가져와야 할 경우가 많이 생기더군요. 모바일 환경과 PC 환경에서 동일한 화면을 보기 위한 반응형 웹사이트를 만들려고 하다 보니 자연스레 AJAX를 사용해서 화면에 보여줘야 될 것들이 많아졌습니다. 그래서 최근에 AJAX를 이용해 DB에 있는 데이터를 가져와 웹페이지를 만든 경험이 있는데 나중에 제가 참고할 용도로 작성하기도 했지만 필요하신 분들도 있을 거라는 생각에 나름대로 예제 코드를 간단히 작성해 보려고 합니다. 웹 개발을 진행하면서 다양한 방법이 있고 코딩 스타일도 모두 다르다 보니 제가 작성한 소스 코드가 형식에 맞지 않는 부분도 있고 부족..
이클립스 FTP(Remote System Explorer) 설치가 안될때 참고 하세요. 이클립스 FTP(Remote System Explorer) 설치가 안될 때 참고하세요. 이클립스는 개인적으로 저도 좋아하는 프로그래밍 코드작성 툴 중 하나인데 개인적으로 만들고 있는 사이트가 있어 이클립스를 이용해 FTP 접속을 통해 코드를 작성하는 게 훨씬 편할 것으로 생각이 들어 이클립스를 이용해 코드를 작성하려고 했습니다. 진행하면서 이클립스를 이용해 FTP 접근을 하기 위해 유용한 플러그인 Remote System Explorer를 설치하려고 했는데 마켓플레이스에서 검색도 안 되고 설치도 제대로 진행이 안 되더군요. 저의 경우는 Remote System Explorer 플러그인에서 지원하는 버전이 현재 다운받았던 이클립스 버전을 지원하지 않다 보니 설치가 진행이 안 되었던 경우입니다. https:..
안드로이드 스튜디오 에뮬레이터 반응이 없음 (Waiting for target device to come online) 안드로이드 스튜디오 에뮬레이터 반응이 없음 (Waiting for target device to come online) 안드로이드 스튜디오 프로그램을 이용해 시간이 날 때마다 앱 개발을 하고 있습니다. 그런데 얼마 전에 제 PC를 포맷하고 안드로이드 스튜디오 프로그램 최신 버전을 설치하고 나서부터는 안드로이드 에뮬레이터가 실행은 되는데 시간이 지나도 아예 반응이 없더군요. 아래 이미지와 같이 실행된 에뮬레이터엔 내용을 바꿔도 적용되지 않고 계속 Waiting for target device to come online 글자만 눈에 보이고 가상 장치가 더는 진행이 안 되더군요. 답답해서 인터넷에 다양한 정보를 좀 찾아보았지만 이렇다 할 해결책은 찾지 못하였습니다. 안드로이드 스튜디오 버그라고 말하는 정보도 ..
Emulator Process finished with exit code 1 (AMD CPU RYZEN 5) 오류 해결방법 Emulator Process finished with exit code 1 (AMD CPU RYZEN 5) 오류 해결방법 얼마 전에 집에 있는 PC를 포맷하고 윈도우10 운영체제를 재설치 했습니다. PC를 한동안 사용하다 보니 설정 파일들도 많이 조정했고 프로그램도 많이 다운받아서 그런지 컴퓨터를 포맷할 필요가 있었던 것 같습니다. 포맷하고 개인적으로 앱을 만들고 있는 게 있어 안드로이드스튜디오를 깔았습니다. 그런데 아래 이미지와 같이 Emulator Process finished with exit code 1 에러가 나더군요. 사용하던 PC를 포맷하기 전에도 안드로이드스튜디오 개발을 하고 있었기 때문에 쉽게 해결할 줄 알았습니다. 인터넷에 정보를 좀 찾아보니 먼저 가상화를 활성화해야 한다더군요. 제가..
HTML CSS 제목 밑줄 소스 길게 표시하기 HTML CSS 제목 밑줄 소스 길게 표시하기HTML과 CSS를 이용하여 제목이나 특정 태그에 밑줄을 표시하는 코드를 간단히 작성해 보려고 합니다. 대부분 HTML 태그에서 글자의 밑줄을 표시하기 위해서는 CSS 코드의 text-decoration: underline; 을 사용하면 되지만 글자가 표시된 부분만 밑줄이 표시되게 됩니다. 하지만 제가 하고 싶었던 글자의 밑줄 표현은 글자의 수와 상관없이 화면 끝까지 밑줄이 표시되기를 원했습니다. CSS text-decoration: underline; 을 사용하지 않고 간단히 밑줄을 표시하기 위해서 저는 border-bottom 속성을 이용해서 밑줄을 표시하였습니다. 첫 번째는 HTML의 h 제목 태그에 border-bottom 속성을 사용하여 밑줄을 표시하..
HTML 작업을 편하게 하는 방법(크롬 개발자 도구를 활용하세요) HTML 작업을 편하게 하는 방법(크롬 개발자 도구를 활용하세요)HTML 코딩을 하면서 크롬 브라우저의 개발자 도구를 활용해 사용하는 방법에 대해서 작성해 보려고 합니다. HTML 작업 중 간단한 작업의 경우는 브라우저의 화면을 직접 보면서 CSS 작업까지 동시에 진행 할 때 개인적으로 자주 사용하는 방법입니다. HTML이나 CSS 작업의 경우 태그의 속성이 기억나지 않을때 자주 사용하는 방식이며 작성한 HTML 파일은 특정 프로그램이나 다른 도구를 이용하지 않아도 HTML 파일을 완성할 수 있는 장점이 있습니다. 직접 수정한 내용을 눈으로 보면서 확인하고 완성된 코드를 가지고 쓰다 보니 다시 코드를 수정하지 않아도 되는 장점도 있는 것 같습니다. 먼저 HTML 파일을 하나 만들어 보도록 하겠습니다. 윈..
반응형

티스토리툴바