라벨이 Web인 게시물 표시

9. Codeigniter Web 개발 아르바이트

2018년 지인의 요청으로 하게 된 Web 개발 아르바이트 입니다. 요청사항 민간 자격증을 개설하여 시험을 보고 수험자들에게 자격증을 발급하는 일을 주로 하는 곳인데 그 수험자 정보를 엑셀로 관리하고 있다 보니 체계적으로 관리도 안 되고 매번 시험을 볼 때마다 엑셀에 입력하는 것도 쉽지 않고 1년에 자격증 시험을 여러 번 보다 보니 데이터 관리를 힘들게 하고 계셨어요. 그래서 처음에는 프로그램으로 만들어 주면 좋겠다고 하셨는데 제가 웹사이트로 만들어 드리고 거기에다가 입력하면 언제 어디서든지 확인도 가능하다고 하니 그럼 웹 개발로 의뢰를 해주셨습니다. 개발시작 우선 저렴한 웹호스팅 업체를 찾았습니다. 사용량이나 일반 사용자들에게 서비스를 오픈할게 아니라서 트래픽이나 용량이 아주 클 필요는 없을 거 같았어요. 그러다 여러 곳을 알아보았는데 세금계산서가 되는 카페24 웹호스팅을 선택했습니다. 처음에는 PHP를 이용해서 만들기 시작하였습니다. 예전에 만들었던 게시판 소스를 활용하면 될 거 같았는데 생각보다 일이 많더군요. 그래서 웹 프레임워크를 찾아보았습니다. Codeigniter는 처음 써보는 건데 이번에 한번 써보면 좋을 거 같아서 기존 소스를 날리고 새로 작업하는데 웹 프레임워크의 도움으로 일이 훨씬 줄어드네요. 기술스펙 까페24 웹호스팅 PHP, MariaDB 웹프레임워크 Codeigniter 3 디자인 Bootstrap Javascript : Jquery 기능 홈페이지 : 메인페이지 및 게시판(공지사항) 시험관리, 시험사진 등록(5장) 시험별 수험자 등록, 수정,삭제, 점수등록 시험 접수 원서 출력물 생성 시험별 등록자 엑셀 다운로드 스크린샷

아르바이트 - 장비제어용 페이지 모바일용 반응형웹

이미지
모바일 페이지 페이지 스크린샷 2017년 8월에서 약 두 달간 아르바이트 형식으로 작업한 결과물입니다. 회사 다니면서 틈틈이 작업해서 만들었으며 총 11p 정도 되네요.  우선 디자인, 기획 작업된 PDF를 받아서 파일에 디자인된 기준으로 작업을 시작하였으며 요즘에는 따로 프로그램을 배포하지 않고 웹페이지에 접속하여 환경설정을 변경하기 때문에 웹(HTML5)으로 작업을 하였습니다. 최근에 안드로이드용 반응형 웹(Responsive Web)을 작성해 본 경험으로 쉽게 만들 수 있었습니다. BR11 WI FI, BLE 소형 장비 설정용 프로그램입니다. 장비에 웹서버가 올라가고 모바일용 웹페이지에서 장비 설정을 하고 설정된 값을 CGI에 넘기면 장비 설정이 변경됩니다. 아무나 접속해서 설정하면 안 되니 로그인도 하고 기본적인 쿠키를 체크해서 로그인 여부도 확인하고 CGI에서 값을 전달받아 Select 박스에 표시도 하고 값을 설정하면 리프레시 하여 변경해 값을 다시 받아오고 라이브러리는 bootstrap, Jquery만 사용하였으며 장비에 올라가기에 이미지 사용을 최소화하고 다른 라이브러리를 사용하지 않았습니다.  주로 핸드폰에서 작업하는 게 편할 거 같아서 스마트폰 사이즈에 맞춰 작업을 진행하였습니다. 물론 PC에서도 가능하도록 반응형 웹으로 구성되었지요 사용 기술 : HTML5, bootstrap, Jquery, CGI

[Delphi] 웹프로그래밍 #3 - 코딩 심화

이미지
  웹프로그래밍 03 지난번 강좌는 실행까지 부분이고 실제 코딩을 해보겠습니다. ​ Projects 창에서 WebModuleUnit1.pas 를 더블클릭하면 아래창이 나오고 마우스 오른쪽 버튼을 클릭하면 아래 팝업이 나옵니다. Action Editor 창이 열리면 여기에서 Path를 추가할수 있습니다. Path 란​ http://localhost/TEST/test.dll/list?page=1 list 같이 Path 를 추가하여 여러개의 하위서비스를 추가할수 있습니다. 기본은 "/" 라서 아무것도 없으면 기본이 처리됩니다. Object Inspector 창에서 Events 탭에서 OnAction 이벤트를 추가하여 아래처러 코딩하면 procedure TWebModule1.WebModule1WebActionItem1Action(Sender: TObject;   Request: TWebRequest; Response: TWebResponse; var Handled: Boolean); begin     Response.Content :=         '<html>' +         '<head><title>Web Server Application</title></head>' +         '<body>List Page</body>' +         '</html>  end; http://localhost/TEST/test.dll/list 로 접속하면 다음과 같은 결과를 얻을수 있습니다. OnAction 에는 Request, Response 라는 객체가 선언되어 있는데요. Request 값을 받아올때 Response 는 HTML 을 html을 출력할때 사용합니다. GET 방식으로 page 값 받...