Projects11 Project(1) - 학사 정보 시스템 만들기 - DB 계정생성하기 DB 계정 생성하기 이번에는 로그인페이지와 Header를 만들었으니, 로그인을하면 Header가 추가 된 메인페이지로 가는 기능을 구현해야합니다. 그러기 위해서는 아이디 비밀번호가 필요한데요! 관리자 계정을 미리 생성해두어 기능구현을 해보도록합니다. 저는 우선 Oracle11g를 사용해서 테이블을 생성해보겠습니다. https://www.oracle.com/database/technologies/oracle-database-software-downloads.html Database Software Downloads | Oracle Oracle Database 11g Release 2 Standard Edition, Standard Edition One, and Enterprise Edition 7/13: .. 2019. 11. 22. Project(1) - 학사 정보 시스템 만들기 - Header 틀잡기 자 이제 로그인 화면 틀을 잡았으니 Header틀을 잡을 차례이다. KakaoOven에서 구성했던것을 기반으로 다시 만들어보자. Header를 만들기 전에 알아야할 시맨틱구조에 관한것을 알아보자. 다음과 같이 구성되어있고, 이를 기반으로 구성하면 페이지 구현에있어서 매우 수월합니다. 이전 글과 같이 KaKao Oven을 보면서 구성을 한 결과 아무리 꾸며봐도 미흡해보이네요ㅠ 그래도 코드와 함께 올려보겠습니다. 이제 이전 글 처럼 부분별로 이클립스에서 JSP부분과 CSS부분을 나누어 주시면됍니다! Footer도 같은 방식으로 개인의 기호에 맞게 만들어 주시면됍니다! 아차! 중요한걸 빼먹었어요! 코드상에서 Section의 위치인데요 Header.jsp에서 Section을 열어주었던 부분을 Header에서 닫.. 2019. 11. 20. Project(1) - 학사 정보 시스템 만들기 - Login 화면 틀잡기 ※ 학사 정보 시스템을 만들어보자 - Front 틀 잡기 로고만들기 사이트 - https://ko.wix.com/logo/maker FrontEnd 틀 잡기 좋은 사이트 -> https://ovenapp.io/ OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) ovenapp.io 이곳에 들어가서 회원가입을 하면 이렇게 프로젝트를 만들 수 있다. 적정 이름과 사용할 기기의 사이즈를 선택 해주면 이렇게 화면이 구성되어 어느정도 틀을 잡기 편하다. 로그인 화면만 만들어보자면 이런식으로...?? 저는 화면 구성을 할때 HTML파일을 편한게 구성하기위해 Brackets Tool을 사용합니다. 서버를키지않고 바로바로 구동화면을 새로고침 해주기 때문입니다. 그.. 2019. 11. 18. 이전 1 2 3 다음