본문 바로가기

WEB

(28)
스마트 출석부 구현 (Node.js) 온라인 출석 방법) 특정 숫자를 화면에 띄워주고 해당 숫자를 입력하면 출석이 완료됨. 해당 기능을 Node.js로 구현해보았다! 임의로 지정해준 숫자는 512이다. var express = require("express"); var app = express(); app.listen(3001, function () { console.log("listening on port 3001"); }); app.use(express.urlencoded()); app.get("/", function (req, res) { res.sendFile(__dirname + "/public/school.html"); }); app.post('/', function(req, res) { console.log(req.body); ..
★ 웹사이트 제작 (php) php를 이용해 나만의 웹사이트를 제작해보았다! 총 2달 정도 소요되었다. ​ 회원가입 로그인 & 로그아웃 회원정보수정 탈퇴 비밀번호찾기 글쓰기 글수정 글삭제 글목록(로그인 시에만 보이게) 글검색 글보기 페이징 비밀글 조회수(새로고침 해도 안올라가게) 댓글(쓰기,삭제,수정, 댓글 수 표시, 비밀 댓글,) 답글(쓰기,삭제,수정,비밀글) 좋아요 & 싫어요 모든 글에 파일 업로드 ​ 웹사이트에는 해당 기능들이 들어가있다. 관련 db제작, css 등 모든 걸 내 손으로 직접 찾아보고, 수정하고 제작한 웹사이트라서 더 의미있었던 프로젝트이다. (웹사이트를 제작한 서버가 삭제되어 현재 직접 확인할 수는 없지만 깃허브에 제작한 모든 파일들을 백업해놨다) ​ https://github.com/MY-yeong/Board..
숫자야구 게임 구현 (php) ".'Base Ball';?>"."정답은".$before."입니다.".""; } if(($try%10==1) && ($try!=1)){ $try=1; $num=rand(100,999); $before=$_POST['before']; $before=$num; }}echo"".$strike." ".""."Strike"."";echo"".$ball." ".""."ball"."";echo"".$out." ".""."Out".""."";echo ""."시도횟수". $try ;if ($strike==3){ echo ""; $try=0; ..
Rest api Rest api Api란? 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘 컴퓨터나 시스템과 상호작용하여 정보를 검색하거나, 기능을 수행할 때 API는 사용자가 원하는 것을 시스템에 전달할 수 있게 지원함 → 시스템은 요청을 이해하고 이행함 작동방식) + 파싱: 어떤 페이지(문서, html 등)에서 내가 원하는 데이터를 특정 패턴이나 순서로 추출해 가공하는 것 한쪽 당사자가 특정한 방식으로 구성된 원격 요청을 보내면 다른 쪽 당사자의 소프트웨어가 이에 응답하는 방식임 자체 인프라를 연결하는 간소화된 방식 ▷ 고객 및 다른 외부 사용자와의 데이터 공유를 허용하기도 함 리소스에 대한 액세스 범위를 넓히는 동시에 보안과 제어를 유지함 ▷ 액세스 권한을 어떻게, ..
계산기 구현 (php) 계산기 수 입력 결과 7 8 9 / 4 5 6 * 1 2 3 + 0 C = -
끝말잇기 게임 구현 (php) "."끝말잇기"."";$input=$_POST['start'];$before = $_POST['before'];if (empty($before)){ $before=$input; echo "".$before.""; }else { if(preg_match("/[\xE0-\xFF][\x80-\xFF][\x80-\xFF]/", $input)){ $last=mb_substr($before,-1,1); $first=mb_substr($input,0,1); if ($last==$first){ $before =$before."-".$input; echo "".$before.""; }..
Web Storage Web storage : 서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능 키(Key)와 값(Value)의 쌍 형태로 데이터를 저장 Web storage Cookie 용량제한 4KB 5MB 서버 전송되지 X 전송 O 유효기간 X O 용량제한 : 5MB (쿠키는 4KB) 1) Local storage : 반영구적으로 데이터를 저장, 브라우저를 종료해도 데이터가 유지 브라우저 자체에 반영구적으로 데이터가 유지 → 도메인이 다른 경우에는 로컬 스토리지에 접근 못함 특정 웹사이트를 새탭이나 새창으로 띄워도 동일한 데이터를 공유 오리진(= 프로토콜 + 도메인 + 포트)별로 생성 ex. 크롬 브라우저에서 클릭을 15번 하고 새롭게 크롬 창을 만들었을 때 15번이 유지되어 있다는..
mysql과 mysqli 의 차이점 mysqli : php5 버전 이후부터 지원됨, mysql 키워드보다 보안, 속도 면에서 향상 mysql_query() 와 mysqli_query()의 파라미터 값 순서 다름 ​ mysql mysqli + 사담 웹사이트 제작을 하면서 구글링을 하던 중 mysql을 사용하는 사람들도 있고 mysqli 를 사용하는 사람들도 있어서 정말 헷갈렸다 당연히 웹사이트 제작할 땐 전부 mysqli 로 바꿔줘서 코드를 짰다! 처음에 그저 구글링해서 나오는 코드들을 봤을 땐 이해를 못했는데 함수 자체를 이해한 후에 코드를 짜니 훨씬 수월했음!