17.12.13 웹 수업 1일차


로컬어플리케이션

네이티브? 어플리케이션 시장? - 배포 및 보안에 문제가 있음

이번 과정은 웹어플리케이션을 만드는걸 배운다


JD GUI


자르파일

바이너리 디컴파일러에 넣으면 모두 노출됨

자바로 만든 안드로이드 앱 피킹버전?

라이센스키/ 시리얼키를 해도 노출될 수 있기에 개인은 제공하지만 기업은 단속함


웹어플리케이션은 자바뿐만아니라 모든 부분에 해당함

웹솔루션이 나옴

Web application 은 홈페이지도만들고 SNS도 만들고 한다

- SNS
- 포탈사이트
- 쇼핑몰

이 포함됨

php(윈도우급임) > ASP  / JSP  > django(파이선) / RoR / Nod JS  -> 글로벌시장

한국은 JSP가 많음
운영체제는 윈도우가 큼


브라우져 - 인터넷익스플로러 사파리 크롬 등에서 만들어짐

브라우져는 코드 분석기이다


클라이언트 - 요청하고 결과 받아들이고 브라우져에 보냄 - 클라이언트사이드(프론트엔드) 프로그램-웹퍼블리셔-html/javascript/CSS/jquery 등

서버 - 클라이언트 요청을 수렴하고 결과만들고 반환 - 서버사이드프로그램(백엔드) 필요-웹디벨로퍼-jsp/asp/php

포트폴리오 만들기

둘의 언어는 다르심

프롤

팀장 - 웹디벨로퍼(1~2) 웹디자이너(자원능력자)또는 웹퍼블리셔으로 구성 / 여러팀과 협업하는 DB전문가

기존코드를 잘 만들어보자

html - sc...... / jsp
jrs
css
jquery


html - 언어긴한데 정적요소만 있음/ 동적요소는 없음 하여 변수가 없음

html 구성하는 요소
Element - 예약어 시작태그 종료태그

정적웹서버 - 단순요청 - 단순대응
동적웹서버 -

 

네이버 - tomcat검색
http://tomcat.apache.org/

본인 컴에 jdk 버전 확인 후 톰켓 다운 8진행


https://tomcat.apache.org/download-80.cgi
8.0.47 메이져 버전이 0대인 것으로 검색 후 다운

윈도우 + R
services.msc
Apache tomcat 9.0중지시키기

윈도우 + R
appwiz.cpl


8080 톰캣포트 실행 후(웹서비스를 위한 웹서버를 구축한거임)

윈도우 + R
http://localhost:8080


윈도우 + R
cmd
netstat -ano | findstr 8080 검색

Microsoft Windows [Version 6.1.7601]
Copyright (c) 2009 Microsoft Corporation. All rights reserved.

C:\Users\user>netstat -ano | findstr 8080
  TCP    0.0.0.0:8080           0.0.0.0:0              LISTENING       3320
  TCP    [::]:8080              [::]:0                 LISTENING       3320

C:\Users\user>tasklist | findstr 3320
TNSLSNR.EXE                   3320 Services                   0     22,844 K

C:\Users\user>taskill /F /PID 3320
'taskill'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.

C:\Users\user>taskkill /F /PID 3320
오류: 프로세스(PID 3320)를 종료할 수 없습니다.
원인: 액세스가 거부되었습니다.

ㄴ 이렇게 되면
cmd 실행파일을 관리자로 실행하고  다시 들어가 삭제해야함

Microsoft Windows [Version 6.1.7601]
Copyright (c) 2009 Microsoft Corporation. All rights reserved.

C:\windows\system32>taskkill /F /PID 3320
성공: 프로세스(PID 3320)가 종료되었습니다.

 

다이나믹 웹 프로젝트 사용시 서버필요인지 후 톰캣 활용함


구성요소 - element attribute 있음
Attribute

이름과 값이 짝을 이루어서 작성됨
1개 이상 가능

html은 주로 소문자를 사용함

html - 문서의 시작과 끝 차지 /프론트엔드 설정부분을 진행
head
body - 눈에 보여지는 부분 브라우져에 표시
html


color picker

rgb


<body>
 <font size=10 color=#07617c>여기는 000의 홈페이지입니다.(innerHTML이라고함)</font>

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Index</title>
</head>
<body>
 <font size=10 color=#07617c>여기는 000의 홈페이지입니다.</font>
</body>
</html>

--------------------------


Element 종류
<h1>~<h6> - 굴고 크게
<p> 하나의 문단
<img>

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>이미지 삽입</title>
</head>
<body>
 <img src=001.jpg width=50%>
</body>
</html>
========================

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Anker 태그 연습</title>
</head>
<body>
 <a href="https://www.naver.com">네이버로 가기</a>
</body>
</html>

======================
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Anker 태그 연습</title>
</head>
<body>
 <a href="https://www.naver.com"><img src=001.jpg></a><br>
 <a href="exam03.html">이전 예제로 가기</a>
</body>
</html>

 

======


<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Input 연습</title>
</head>
<body>

 <form action=exam03.html>
  <input type=text placeholder="ID를 입력하세요."> <br> <input
   type=password placeholder="PW를 입력하세요."> <br> <input
   type=button value=login> <input type=button value=join>
  <br> <input type=checkbox>아이디를 체크하시겠습니까? <br> <input
   type=radio>동의합니다. <input type=radio>동의하지않습니다. <br>
  <textarea rows=20 cols=50></textarea>
  <br> <select size=3>
   <option>영국
   <option>미국
   <option>한국
  </select> <br>
  <input type=reset value=초기화>
  <input type=submit value=전송>
 </form>
</body>
</html>

==============

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Table 태그</title>
</head>
<body>


 <table border=1>
  <tr>
   <td width=100 align=center>A
   <td height=100 valign=top>B
  </tr>

  <tr>
   <td align=right>C
   <td>D
   <td>E
  </tr>

 </table>

</body>
</html>

============

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>퀴즈01</title>
</head>
<body>
 <table border=1>
  <tr>
   <td colspan=2 align=center>가
  </tr>

  <tr>
   <td>나
   <td>다
  </tr>


  <table border=1>
   <tr>

    <td rowspan=2>가
    <td>나
    
   </tr>

   <tr>
    <td>다
   </tr>

  <table border=1>
   <tr>

    <td rowspan=2>가
    <td colspan=2 align=center>나

   </tr>

   <tr>
    <td>라
    <td rowspan=3>마
   </tr>
   
   
   <tr>
    <td colspan=2 align=center>바
   </tr>

</body>
</html>

 

+ Recent posts