w3schools

웹디자인CSS 소스

wsss.tistory.com

CSS를 통한 디자인 소스가 제공되는 사이트 입니다. 단순 디자인을 넘어 애니매이션 소스도 같이 제공됩니다 예전에는 플래시로 애니매이션을 만들었다면 지금은 CSS, HTML5, 자바스크립트 등을 통해 애니매이션을 제작 하는 추세입니다 그런 면에서 볼때 아주 도움을 주는 사이트 입니다 아래는 실행 화면입니다 https://wsss.tistory.com/55

블루비

www.blueb.co.kr

웹프로그램 관련 소스를 다운받아 사용할수 있는 블루비(http://www.blueb.co.kr) 사이트를 소개합니다. 블루비는 HTML, 자바스크립트, CSS, Ajax 등 다양한 웹프로그램 코딩을 제공해주는 사이트 입니다. 대부분의 소스는 무료로 이용가능하며 유료로 제공하는 소스도 있습니다. 유료인 경우 그만한 가치가 있는 소스이기 때문에 결제하시는 것이 더 나은 서비스를 위해 좋은 방법이 아닐까 생각합니다. 소스들은 웹상에서 자주 사용되는 기능을 제공하고 있습니다. 트리메뉴, 탭메뉴, 갤러리, 슬라이드쇼 등 웹 상에서 한번쯤 사용해 봤을 만한 소스가 많이 있습니다. 사실 직접 제작해서 사용하려면 많은 시간과 노력이 필요합니다. 그렇지만 블루비를 통해 얻은 소스를 커스트마이징해 자신의 홈페이지에 적용 한다면 쉽고 빠르게 작업 할 수 있습니다. 간혹 소스를 다운받아 단순 업로드 하면 적용될 것이라 생각하시는 분들이 있는데 이는 너무 모르는 소리입니다. 홈페이지에 소스를 적용하려면 그에 맞게 고치는 커스트마이징 작업이 꼭 필요하다는 것을 명심해야 합니다. 홈페이지를 멋지게 꾸미기 원하신다면 블루비를 활용해 보시는 것은 어떨까요?

PHP스쿨

phpschool.com

php프로그램 커뮤니티 https://phpschool.com를 소개합니다 php스쿨은 php프로그램어라면 다 알고 있을 정도로 활성화된 커뮤니티 사이트입니다. php프로그램을 개발하면서 막히는 부분이 있다면 이곳에 와서 검색하면 다 존재합니다. 만약 없다는 경우에 질문하면 프로그램어 분들이 친절하게 답변을 달아줍니다. 사실 개발자중에 https://phpschool.com 에서 도움을 받지 않은 개발자는 없을 것입니다. 그 정도로 질문과 답변이 많이 존재합니다. php스쿨이라 해서 php 정보만 있는 것이 아닙니다. asp, jsp, mysql, 오라클, 리눅스등 다른 개발언어와 개발환경에 관한 수많은 정보들이 있습니다. 개발에 관심이 있고 개발자를 꿈꾸신다면 많은 도움을 받으실 수 있을 것입니다. 사람들이 모이면 자연스럽게 시장이 형성되는 것처럼 이곳도 의뢰/장터라는 시장이 형성되어 있습니다. 내가 필요한 프로그램이 있다면 의뢰 하고, 또 내가 개발 할 수 있는 프로젝트라면 진행해 돈을 벌 수도 있습니다. 이처럼 php스쿨은 커뮤니티 공간을 넘어 새로운 비즈니스 모델까지 제시하는 아주 멋진 사이트입니다.

인프랩

www.inflearn.com

인프랩은 동영상 교육 사이트 입니다 다양한 분야의 강의를 수강 할 수 있습니다 개인적으로 저는 강의 중에 개발,프로그램,보안,네트워크,데이터 사이언스 관련 강의가 있어서 좋은 것 같습니다 다른 교육 사이트들도 많이 있지만 IT쪽의 강의가 많지 않아 공부하려 해도 답답함이 있었는데 인프랩은 그런 부분을 해소해주는 것 같습니다

태그,스타일지원테스트

caniuse.com

브라우저별 지원하는 기능을 확인할 수 있는 https://caniuse.com 소개합니다. HTML에는 수많은 태그와 속성이 있고, CSS역시 수많은 스타일이 있습니다. 물론 많다 하여도 개발자들은 거짐 다 외워서 사용하고 모르는 경우는 검색해서 사용합니다. 그런데 가장 큰 문제는 기능이 많아 내가 모르고 있는 기능이 있다는 것이 아닙니다. 내가 알고 있는 기능이 모든 브라우저 환경에서 정상작동 되는지 파악하는 문제입니다. 웹표준을 지켜서 모든 환경에서 정상작동 되게 할수 있지만 이또한 한계가 있습니다. 이유는 브라우저마다 지원하는 부분이 조금씩 다르고 사용방법도 다른 경우가 있기 때문입니다. 이해는 됩니다. 기술이 계속 발전하면서 과거에 없던 기능들이 추가되는 것, 개발회사마다 조금씩 다를 수 밖에 없다는 점 이해 합니다. 그러기 때문에 개발하는 사람 입장에서는 어디까지 지원하고 또 무엇이 다른지를 알고 있어야만 합니다. 최신기술이 나오면 모든 사람들이 동시에 최신 기술을 사용하면 좋겠지만 현실은 그렇지 않습니다. 최신기술이 나오고 정착되려면 짧게는 몇 개월에서 길게는 몇 년이 걸리기도 합니다. 그러기에 개발자들은 이모든 것을 환경을 고려해 개발할 수밖에 없습니다. 그래서 소개하는 사이트가 바로 https://caniuse.com 입니다. Can I yse _______ ? 라는 부분에 내가 사용하고자 하는 태그나 CSS등을 입력하면 브라우저 별 사용가능 여부가 나와집니다. 너무 좋은 것은 같은 브라우저라 해도 버전 별로 지원여부가 다를 수 있는데 이 또한 자세히 나와진다는 것입니다. 물론 개발에 익숙한 사람이라면 자신이 지금까지 사용하던 기능이 어느 버전까지 지원하는지 알고 있겠지만 새로운 기능을 사용하고자 할 때에는 파악하기가 어렵습니다. 이때 https://caniuse.com 를 활용하면 검색만으로 지원가능 브라우저 및 버전을 쉽게 파악할 수 있습니다. 내가 사용 하고자 하는 기능이 어느 버전까지 지원하는지 한눈에 파악하길 원하시는 분이라면 https://caniuse.com 를 추천해드립니다.

챔프스터디

champ.hackers.com

챔프스터디는 다양한 교육 레벨과 과목을 위한 온라인 학습 플랫폼으로, 학생들에게 맞춤형 학습 경험을 제공합니다. 이 사이트는 기초부터 고등학교 수준까지 다양한 교육 콘텐츠를 포함하고 있으며, 학생 개개인의 학습 스타일과 수준에 맞춘 교육 콘텐츠를 제공하는 것을 목표로 합니다. 사용자는 다양한 과목에서 비디오 강의, 실시간 튜터링 세션, 학습 게임, 일대일 멘토링 등을 이용할 수 있습니다. 각 과정은 전문 교육가들에 의해 설계되었으며, 이들은 학생들이 각 과목에 대한 이해도를 높이고 학업 성취도를 향상시킬 수 있도록 지원합니다. 추가적으로, 챔프스터디는 정기적인 평가와 피드백 시스템을 통해 학생들의 진행 상황을 모니터링하여 지속적인 개선을 도모합니다. 이 플랫폼은 또한 부모들이 자녀의 학습 진행 상황을 확인하고 필요한 지원을 제공할 수 있는 도구들을 제공하며, 이를 통해 가정에서도 학습을 강화할 수 있습니다.

순서도 그리기

app.diagrams.net

아주 편한 순서도 그리기 사이트 기획자나 개발자들은 순서도를 다룰 일들이 많으실 텐데요. 과거 저도 뭔가 기획을 할 때면 우선 순서도를 그리는 게 제일 처음 하는 일들 중 하나였습니다. 주로 파워포인트로 만들곤 했는데요. 간단한 거야 그냥저냥 그리곤 했지만 간혹 복잡한 프로세스를 순서도로 그리다 보면 파워포인트로 그리고 있느니 그냥 펜으로 그리는 게 낫다는 생각이 들기도 합니다. 수정이 여러 번 있으면 정말 머리가 복잡해지죠. 하나하나 사각형을 마름모로 바꾸고, 화살표 옮기고 있다 보면 그게 하루를 잡아먹곤 했습니다. 그래서 추천 드립니다. 혹시 모르시는 분들 계실까 봐서요. https://app.diagrams.net 위 사이트로 접속하셔서 회원가입하시면 순서도를 무료로 그릴 수 있는데요. 이게 엄청 편리한 게 화살표와 사각형 같은 걸 하나의 묶음으로 해 줄 수가 있어서 처음에 그리기도 무척 쉽고 나중에 수정이 생기더라도 확실히 편하고 빠르게 작업이 가능합니다. 순서도를 그리실 일이 별로 없는 분들도 계실 테지만, 기왕이면 순서도는 기본적으로 그릴 줄 아시는 게 무엇이든 설명하기가 굉장히 편하니까, 겸사겸사 위 사이트 통해서 익혀두시는 것도 좋을 거에요.

게시글

웹URL 주소로 캡쳐 하는 프로그램 만들어 보도록 하겠습니다

웹URL 주소로 캡쳐 하는 프로그램 만들어 보도록 하겠습니다 html2canvas 플러그인을 통해서 웹페이지를 캡쳐할수 있습니다 하지만 자신의 홈페이지에서만 가능 하지 다른 URL주소의 내용은 캡쳐할수 없는 단점이 있습니다 해서 URL주소를 입력하면 해당 주소의 내용을 캡쳐후 이미지로 반환해주는 프로그램을 만들어 보려합니다 작동원리 작업전 준비 작업 1)PHP 홈페이지 2)서브서버로 사용할 윈도우 PC 3)공유기 포트포워드 설정 (메인서버에서 가상아이피를 사용하는 서브서버로 접속하기 위함) 4)서브서버에 파이썬 설치 5)서브서버에 파이썬 flask 설치 6)서브서버에 파이썬 selenium 설치 위 순서대로 진행을 하려합니다 핵심은 메인서버에서 서브서버의 특정 프로그램을 실행 시켜주는 것입니다 일반적으로 웹상에서 다른 PC의 프로그램을 컨트롤 하기가 어렵습니다 처음 개발단계에서 웹소켓을 통해 프로그램을 컨트롤 하려 했습니다 실재로 http로는 컨트롤까지 되었습니다 그러나 홈페이지가 https인 경우 ws가 아닌 wss 웹소켓만 사용해야 하는 문제가 있어서 php file_get_contes() 함수와 flask서버를 사용해 컨트롤 하는 방법을 채택하였습니다 처음 계획이 수정되어 편법을 사용한 것이 아닌가 생각되었지만 flask 를 사용해보니 서브서버가 안정적으로 작동하여 오히려 더 나은 방법이라 판단됩니다 유튜브주소 https://www.youtube.com/watch?v=aCWmZplpts0 https://www.youtube.com/watch?v=iE1wAFZmR-w