본문 바로가기

카테고리 없음

동빈나 2강)로그인 페이지 디자인하기

무작정 강의를 듣고 따라 게시판을 만든 후 다시 공부하려고 한다.

하.. 동빈나 강의를 들은지 2일 차인데 왜 벌써 똑같이하는대 

에러가 뜨는지 모르겠다.

마치 내 인생같은 에러들 


>>동빈나강의 들으러가기<<


댓글을 보니 부트스트랩 버전의 문제라고 하는 사람들도 있고 

코드에서 8번째 줄이 에러라는 사람도 있는대 뭐가 문제인지 잘 모르겠어서

일단 부트스트랩 다 깔고 코드를 찾다가 

동빈나 강의에 댓글을 달아둔 상태이다.

나머지 공부는 내일 해야하나...


http://getbootstrap.com/docs/3.3/


=클라이언트 오류는 개발자도구 이용, 서버오류는 콘솔창 이용



몰라서 일단 둘 다 저장했다.


이런 댓글이 있지만 나의 오류랑은 조금 관련이 없는것 같다.

나머지는 동빈나님이 댓글 달아주면 마저 공부해야겠다. ㅜ

왜 티스토리는 이쁜 이모티콘이 없지 ㅠㅠㅠㅠ 


따루마..

ㅜㅜㅜㅜ



>>>>>> 오른쪽 상단 메뉴가 강의처럼 내려오지 않음 ㅜㅜㅜ


<!-- --> jsp에서 주석처리



<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width= device-width", initial-scale="1">

<link rel="stylesheet" href="css/bootstrap.css">

<title>JSP 게시판 웹 사이트</title>

</head>

<body>

<nav class="navbar navbar-default">

<div class ="navbar-header"> 

<!-- 햄버거 모양 -->

<button type="button" class="navbar-toggle collapsed" date-toggle="collapse" 

date-target="#bs-example-navbar-collapse-1"aria-expanded="false">

<span class ="icon-bar"></span>

<span class ="icon-bar"></span>

<span class ="icon-bar"></span>

</button>

<a class="navbar-brand"href="main.jsp">JSP웹사이트 게시판</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav">

<li><a href="main.jsp">메인</a></li>

<li><a href="bbs.jsp">게시판</a></li>

</ul>

<ul class="nav navbar-nav navbar-right">

<li class="dropdown">

<a href="#" class="dropdown" role="button" aria-haspopup="true" aria-expanded="flase">

접속하기<span class="caret"></span></a>

<!-- 로그인과 회원가입 -->

<ul class="dropdown-menu">

<li class="active"><a href="login.jsp">로그인</a></li>

<li><a href="join.jsp">회원가입</a></li>

</ul>

</li>

</ul>

</div>

</nav>


<div class="container"> <!-- 감싸기 -->

<div class="col-lg-4"></div>

<div class="col-lg-4">

<div class="jumbotron" sytle="padding-top: 20px;">

<form method="post" action="LoginAction.jsp">

<!-- 안보이게 접속 -->

<h3 style="text-align: center;">로그인 화면</h3>

<div class="form-group">

<input type="text" class="form-contorl" placeholder="아이디" name="userID" maxlength="20">

</div>

<div class="form-group">

<input type="password" class="form-contorl" placeholder="비밀번호" name="userPassword" maxlength="20">

</div>

<input type="submit" class="btn btn-primary form-control" value="로그인">

</form>

</div>

</div>

<div class="col-lg-4"></div>

</div>


<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script src="js/bootstrap.js"></script>

</body>

</html>