IT깡패's의 코딩스토리&게임&취미

php를 이용해서 a링크를 누르면 팝업창이 가운데로 고정되서되게끔 해주는 방법이 있는데요~ css나 부트스트랩을 사용할때 효과적일 수 있습니다~!! 요즘 반응형웹을 많이 사용하시죠?? 그때 아주 광효과를 보여줄겁니다!!ㅋㅋㅋ 일단 header에 관련된 소스와 팝업창 관련소스를 살펴보시죠~ - index.php(a링크 관련) Search 썬더모두가 경험하고 있는 새로운 이동생활 씽씽 Menu HOME INTRO SOLUTION GUIDE COMMU LOGIN / SIGN UP Search Search for: Close search - index.php(팝업창 관련) 여기서 LOGIN / SIGN UP이라 되있는 링크로된 스크립트가 있는데요~ 이것을 눌러보면 팝업창이 가운데로 고정되서 뜨는 것을 확인할 수..

안녕하세요! 저번 시간이 이어서 바로 php를 이용한 회원가입을 한번 해보려고요~ php로 중복체크할 때, 필수로 회원가입이 되려고 한다면 이메일 사용할 수 있다는 경고창이 뜬다고 했어죠?? 네 맞습니닼ㅋㅋ 저는 한번 더 회원가입하는 것도 되는지 테스트하고 회사에서 사용하기위해 만들었던 내용입니다~ 특히 웹호스팅(사이트)쪽으로 배포하는 느낌으로다가 사용하기위함으로 워드프레스라는 php로 된 사이트를 사용하기 위해 만들었었습니다. 기본적으로 개념은 회원가입페이지에서 중복체크와 마찬가지로 php끼리 페이지를 이동시키고 회원가입을 할 수 있게끔 해주는 원리였는데요~ 원래 웹호스팅을 사용하는 사이트라면 어디서든지 회원가입이나 로그인이 필요한데, 워드프레스에서는 자동으로 관리자만 로그인을 할 수 있는 기능이 있기..

안녕하세요~ㅎㅎㅎ php를 이용한 이메일 혹은 id중복체크하는 방법인데요~ 사용중인이메일은 중복체크검사할 때, 경고알람창이 띄게끔 설정해주었고요~ 사용할 수 있는 이메일은 회원가입이 되면 뜨게끔 설정해주었습니다~ 한번 살펴보도록 하겠습니다~ 소스코드는 간단하게 회원가입창에서 필요한 곳만 보여드릴께요~!! 회원가입은 다음번 포스팅에서 알려드리도록 하겠습니다~!! - 이메일중복체크 이메일이 실시간으로 검사됩니다! 이렇게 설정하면 alert경고창이 뜨게하기위한 버그를 시젼할 수 있도록 해주고 php페이지이동도 해주면 된다는 의미입니다. 밑에 라고 되있는 부분은 뽀대용으로 그냥 넣어봤습니다!! 그리고 이제 check.php로 들어가서 워드프레스에서 연동한 phpmyadmin의 database언어인 mysql을 ..

자 이제 간단하게 servlet과 controller을 view쪽인 jsp로 연동해볼껀데요ㅎㅎㅎ 한번 보실까요!!ㅋㅋ - Coolsms.java, Https.java 이 두개는 coolsms api가 잘 연동하고 작동되도록 도와줍니다~~ 여기서는 제너럴키쓰는자바함수를 썼는데요~ image도 저장되고 글도 저장되게끔 해주죠~ㅎㅎ 그리고 Controller가 있는데요~ 이 세개연동하는데 꽤 시간걸리더라고요 ㅇㅅㅇㅋㅋㅋ coolsms api는 몇건주고 유료화되는 시스템빼곤 괜찮은 api인거 같습니다. 많이 이용하보도록 하십시요,, - smsController.java 컨트롤러에서는 api_key, api_secret키를 넣었고 밑에는 간단한 휴대폰 인증 api함수인 to, from, text, type의 내용..

안녕하세요~ it깡패's인데요~ 또 일주일만에 글을 올려보려고 합니다!! 요즘 코로나로 밖에도 못나가고 계시는 분들도 많으실텐데요~ 그럴때일수록 내실을 다지고 자기에 대한 개발이나 노력에 힘쓰는 것도 좋을 것 같네요~ㅎㅎㅎ 제가 쓰려는 글을 전자정부프레임워크에서 휴대폰인증하는 방법인데요~ 저는 휴대폰인증 API로 coolsms를 사용해보았는데요~ㅇㅆㅇ;; 요것은 간단하게 휴대폰 토큰인증문자은 문자로 오게되게되면서 자바console이나 크롬colsole에 내용이 나오게되는 형식이라고 보면됩니다. DB를 사용해도 되는데 저는 그냥 간단하게 인증하고 확인하는용도로 사용해보았습니다!! 소스를 다음장에 올릴꺼고요~ 소스코드는 사진이나 그림으로 올려보도록 하겠습니다~ 이해안되시거나 오류가 난 경우에는 source를..

안녕하세요~ IT깡패's입니다~ㅎㅎㅎ 이번엔 아주 고전전략인 하드코어 질럿 러쉬 빌드오더와 기본적인 반응전략에 대해서 알아보겠습니다. 질럿이미지가 아주 멋있죠잉~ㅎㅎ 하나더 올려보겠습니다용!! 네 일단 이 전략은 저그전에서 택신(김택용)이 기본적으로 초반에 많이썻던 전략인데요,, 테란전에서도 가끔 큰 효과를 주게 됩니다. 그만큼 질럿은 플토에서 없어서는 안될 유닛중하나죠~ 아우어고향의 옛 질럿영웅인 페닉스에 대한 이미지도 있으니 함께 봐주시길 바랍니다~ㅎㅎㅎ 하드코어는 아직까지도 저그전에선 유용한 전략인 거 같습니다~ 빌드를 소개하면요~ 6.5 파일런 - 입구 바로 앞에 게잇소환이 가능하게 적당히 생각해서 짓습니다. 7게이트 후 정찰 - 입구 바로 앞에 짓습니다. 그리고 저그 기지를 찾아다닙니다. 9게이..

지난시간에 이어 이번에도 글자타이핑효과에 대해서 글을 써볼껀데요~ㅋㅋ 이번엔 쫌 긴 소스,, 즉 p태그, span태그 등의 css의 기본적인 태그들로 자동글자효과를 내는 것에 대해서 알아보겠습니다. 자 기본적인 php나 html5폼태그를 사용해서 폼을 구성한 후 css&javscript를 덫붙혀서 아웃트라인을 잡아주면 되는데요. 기본적인 소스들을 적어보겠습니다. TypingTest입니다. 자 이렇게하면 기본적인 흰색배경과 div class의 회색배경에 p태그에 들어간 텍스트글자가 자동으로 써지게 될 것입니다. 결과는 동영상으로 확인해보시고요~ 이 정도는 만들어야 크몽이나 일반적인 웹사이트에 만들어진 것과 같은 유사한 효과를 낼 수 있습니다. 여기서 더더욱 간단하게 만들순 없을 것 같네요~ 아니면 php나..

input창으로 간단한 글자타이핑효과를 내보겠습니다. 이 버그는 input창에 자동으로 글씨가 써지는 효과라고 생각하시면 됩니다. html과 php를 사용할 때, 간단하게라든지 쓸모있게 사용할 수 있는 효과라고 보여지더라고요. 이렇게 하면 결과창이,, 이런식으로 나옵니다. 위에는 자동으로 글씨써지는 글이고, 밑에는 마우스커서를 댔을 때, 상황입니다... 다음장에서는 p태그와 자바스크립트&css를 이용한 간단한 글자타이핑효과에 대해서 설명해보도록 하겠습니다. 근데 새해복 많으시고 건강한 한해드길 바랍니다~^^ㅎㅎㅎ;;

오라클은 group by라는 절이 있는데요~ㅎㅎ 이는 emp테이블이 있다고 할 때, 부서별로 평균 급여나 나이 등을 구해야할 경우에 사용하시면 됩니다!! 데이터그룹의 형식을 한번 살펴봅시다. ㅇㅅㅇ!! - GROUP BY 형식 SELECT 컬럼명, 그룹함수 FROM 테이블명 WHERE 조건(연산자) GROUP BY 칼럼명; 이 그룹 함수 GROUP BY 절 뒤에 어떤 칼럼 값 기준으로 그룹함수를 적용해줄지 기술해주어야 하며, 해당 칼럼을 기술해주는 것이 특징 중 하나입니다. 그리고 GROUP BY 절 다음에는 칼럼의 별칭을 사용할 수 없고, 반드시 칼럼명을 기술해야 한다는 점을 꼭 염두해주시면 좋겠네요~^^ㅎㅎㅎ - GROUP BY 사용한 예 select dno as "부서 번호", avg(salary)..

웹에서 채팅프로그램을 만들 때는 어떤 언어로 사용하더라도 websocket이라는 라이브러리가 항상 필요합니다~!! 왜나면 websocket이 채팅을 만드는데 중요한 역할을 하기 때문이죠~ㅎㅎㅎ 채팅프로그램 중에 패러디 웨어브라는 웹 사이트는 nodej언어로 개발하였는데요! 일단 채팅프로그램은 알다싶이 nodejs나 리액트를 사용해서 만들 것이 가장 보기 좋다고 볼 수 있습니다~ 그것들은 프로그램을 부드럽게 흘러가게끔 도와주고 디버깅도 다른 언어보다 훨씬 좋은 성능을 보여줄 것입니다!!! 위의 사진이 패러디웨이브와 비슷한 채팅프로그램인데요~~ 아마 ajax비동기통신 만큼 빠른 타이핑 전송도 가능할 것이는 생각이 드는군요!! 밑에 참고링크에 들어가서 더 자세히 소스를 살펴보면 도움이 많이 되더군요.^^ㅋㅋㅋ..