자바스크립트로 화면에 원을 그리고 싶다면 어떻게 해야할까? 일단 canvas에는 직사각형, 라인등을 그릴 수 있는 방법을 터득했다면 이젠 좀 더 난이도가 있는 서클, 원에 도전해 본다. 예제 하나면 충분하다고 생각한다. function draw() { var canvas = document.getElementById('canvas'); if (canvas.getContext) { var ctx = canvas.getContext('2d'); for (var i = 0; i < 4; i++) { for (var j = 0; j < 3; j++) { ctx.beginPath(); var x = 25 + j * 50; // x coordinate var y = 25 + i * 50; // y coordinat..
웹프로그래밍을 하면서 참 헷갈리는게 많은데, 이걸 정리해 보고 기억하면 프로그램 작성시 실수를 많이 줄일 수 있을것 같다. 알송달송한 헷갈림에서 허우적 거릴 우리들에게 작은 정보가 될 것이다. 이름이 비슷해서 눈치채셨겠지만, 둘은 태생이 같다고 보면 좋을 것 같다. 단지 버전이 올라가면서 더 편하게 사용하려 수정한 함수라고 생각한다. 핵심은 이렇다. mysqli 내장함수는 php5 버전 이후부터 지원되며, 기존의 mysql 보다 보안, 속도면에서 향상되었다. 또 하나, 작은 차이점은 mysql_query()와 mysqli_query()의 파라미터 값 순서가 다르다는 것이다. 1.mysql 보편적으로 이렇게 기술한다. 2. mysqli 하지만 더 진보된 mysqli는 이렇게 기술한다. 약간의 차이겠지만, ..
자바스크립트로 안되는 것이 거의 없다는 것 아시나요? 자바스크립트로 화면캡쳐를 통해 파일을 만들고 그 파일로 응용하고 이런 일련의 작업이 가능하다면 정말 멋지지 않을까 싶습니다. 자바스크립트로 그린 화면을 파일로 저장해서 DB에 보관하는 절차.... 이런식으로 활용한다면 얼마든지 멋진 나만의 프로그램이 가능할 것 같아요~ 자바스크립트는 수많은 라이브러리가 많아서 잘 활용만 한다면 그 복잡한 프로그램을 순순히 짜서 하는 절차가 생략됩니다. 그러니까 그런 기능이 있는 파일을 사용하는 활용법에 대한 공부가 살짝 필요한 부분이지요. 위의 사이트의 힘을 빌릴 것입니다. https://html2canvas.hertzen.com/ 스크린샵을 위한 js파일을 얻는 곳이기도 하지요. html2canvas - Screen..
웹프로그램을 개발하면서 자신이 변경한 코딩이 바로 웹에 적용되지 않을때 정말 짜증이 많이 난다. 익스플로러에서 바로 적용이 되는데, 크롬이 적용이 안되는 경우가 있어서 F5 버튼을 수십번 누른적도 있다. 결국 ctrl+shift+r 키를 알고 그걸로 하고 있는데, 더 좋은 방법이 없을까 해서 찾아보았다~ 웹프로그램을 하면서 CSS나 html을 수정하였을 경우, 캐시로 인해 새로고침이 정상적으로 이루어 지지 않을 때가 많다. 정말 왕짜증이다~~ 너무 힘들다... 최신버전의 크롬에서 확인한 것이다. 매번 설정에 들어가서 캐시를 지워야 했지만 크롬에는 강력한 새로고침이라는 기능이 있다. 마우스 우측버튼 클릭, 개발자 콘솔(또는 검사)를 열고, 새로고침을 롱클릭하게 되면 하위메뉴들이 나오는데, 그중 "강력한 새..
뭔지 모르겠다~~ 자바스크립트에서 출발해서 html css 제이쿼리까지는 조금씩 익숙해지는데, ajax라는 돌출 돌발건이 생겼다~~ 지금 웹프로그래밍하면서 다시 맨붕 찾아오는중~~ 마음대로 적는 ajax와의 만남!~ 과연 성공할지 궁금하다~ /* $.ajax({ type: "POST", // POST형식으로 폼 전송 url: "show_list.php", // 목적지 timeout: 1000, data: ({text1: _text1,text2: _text2,text3: _text3 }), cache: false, dataType: "text", error: function(xhr, textStatus, errorThrown) { // 전송 실패 alert("전송에 실패했습니다."); } }); // re..
제이쿼리 그리고 PHP 그리고 다시 자바스크립트 그리고 자바의 값을 php로 전달해서 그 값을 받는 방법에 대한 설명입니다. 보통은 PHP를 사용해서 프로그램을 할 경우 aaa.php?name=hong&age=17 .... 위와 같이 표현합니다. 하지만, javascript와 함께 사용할때는 서버 언어와 클라이언트 언어의 한계때문에 서로 전송하는데 간단하지 않아요. 이것들 때문에 맨붕에 자주 빠집니다. 서로 통신할 수 있는 환경.... 웹 개발하면서 자주 부딪히는 부분이죠. 아래의 코드가 힌트가 되어줄 것입니다. 3가지 언어의 콜라보가 돋보이네요~ // jQuery 라이브러리를 사용. $("#comment-submit").click(function() { // comment-submit 버튼이 눌러지면 ..
안녕하세요. 웹프로그램 만들기 녹녹치 않네요~ 여러가지를 알아야 결국 만들 수 있는 웹프로그램, 처음에는 html만 알면 되겠지? 그다음 css만 더 알면 되겠지? 이렇게 하다보면 점점 실력도 늘지만, 많은 난관(?)에도 부딪히게 됩니다. 그렇지만, 코딩의 즐거움을 한번 만끽하면 빠져나오기 힘들죠. ㅎ 이렇게 한세월을 보내다보면, 점점 강해짐을 느낍니다. html, css, php, javascript, 그리고 mysql 여기에 javascript를 도와주는 Jquery와 JSON 정도 알면 간단한 웹프로그램은 실전에서 작성해서 사용할 수 있습니다. 실전에서 여러가지 응용프로그램을 작성하다보면, PHP에서 javascript의 함수를 호출하거나, html에서 보통 동작을 원하는 경우는 javascript..
- Total
- Today
- Yesterday
- #파이썬인스톨러
- 파이썬코드줄바꿈방법
- 뫄프로그래밍
- .htaccess수정
- #InnoSetup
- 2분후종료오토핫키
- 자바스크립트한글입력시반응하도록만드는코드
- #InstallForge
- 오토핫키가이드
- sql문장 날짜계산
- #파이썬패키징
- Bootstrap 5
- chatGPT3.5파이썬버전
- 스크립트작성기초
- 프로그래머생활
- #독립실행파일
- 테크에능한여성
- 오토핫키에디터창업데이트금지하기
- 코딩튜토리얼
- 자바스크립트 한글초성
- 카페24가비아phpinfo수정
- 작업공정에 대한 코드작성
- #NSIS
- #프로그램설치
- 효율적코딩방법
- 코딩효율성
- #소프트웨어배포
- General error: 2031
- #cx_Freeze
- td요소중에 1행과 1열은 제외
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |