1. 프론트엔드 수업 시작(HTML, JS, CSS)
- 4/14 중간발표. (DB생성, ETC)
- JS / CSS 스터디 위주로 하는 것이 좋음.
- CSS가 모든 페이지에 동일하게 적용되어야함.
- BOOT STRAP??
- WEB에 대한 이야기 시작.
- SERVLET / JSP / SPRING / SPRINGNVC ... 처음보는 용어들이다.
- SPRINGBOOT?
2. 이제부터 정말 시작이다. 우선순위 위주로 처리해야함.
3. web이란 무엇인가?
- 웹 브라우저는 공기와 같은 존재가 됐다.
- 웹 브라우저의 변천사
Mosaic (1993) - 첫 번째 상용 웹 브라우저 중 하나로, 그래픽과 이미지를 통해 웹 페이지를 보여주는 기능을 갖췄습니다.
Netscape Navigator (1994) - Mosaic을 개발한 팀이 만든 최초의 상용 웹 브라우저입니다. 시장에서 큰 인기를 끌었으며, 인터넷의 대중화에 큰 역할을 했습니다.
Internet Explorer (1995) - 마이크로소프트에서 개발한 웹 브라우저로, 윈도우 운영체제에 기본으로 탑재되어 있어 많은 사용자들이 사용했습니다.
Opera (1996) - 노르웨이의 Opera Software에서 개발한 웹 브라우저로, 작은 용량과 빠른 속도로 인기를 얻었습니다
Mozilla Firefox (2004) - Netscape Navigator의 개발자들이 만든 웹 브라우저로, 강력한 보안 기능과 다양한 확장 기능을 제공해 많은 사용자들이 사용합니다
Google Chrome (2008) - 구글에서 개발한 웹 브라우저로, 빠른 속도와 간결한 인터페이스로 많은 사용자들이 사용합니다
Microsoft Edge (2015) - 윈도우 10에서 기본 웹 브라우저로 사용되는 마이크로소프트의 웹 브라우저입니다
Safari (2003) - 애플에서 개발한 웹 브라우저로, 맥OS와 iOS에서 기본 웹 브라우저로 사용됩니다
Brave (2016) - 개인 정보 보호와 광고 차단 기능을 강조하는 브라우저입니다
Vivaldi (2016) - Opera Software의 창업자가 만든 웹 브라우저로, 개인화 기능과 탭 관리 기능이 강조됩니다.
- firefox 다운로드
- 웹 서버(server)는 오픈 소스임.
- Apache Tomcat 다운로드
4. HTML (HyperText Markup Language)
- <> <> 태그로 열고 닫고
<HTML> <= 문서의 시작
<HEAD> <= 문서의 헤더
<title></title>
</HEAD>
<body> <= 문서의 바디
내용
</body>
</HTML> <= 문서의 종료
5. gpt와 관련된 생각
- 기계가 만든 문서는 신뢰도가 떨어질 수 있음.
HTTP란 무엇인가?
HyperText를 전송하기 위해 개발된 프로토콜임.
데이터를 간편하게 전송하는데 도움을 준다.
웹브라우저 주소 표시줄에 url을 입력한 뒤 접속을 시도한다.
7. Web(웹)은 HTTP프로토콜을 이용하여 수없이 많은 페이지로 링크를 타고
이동할 수 있음.
웹은 거미줄이다.
웹의 창시자는 웹 버너스 리다.
8. Spring tool 설치
9. 아파치 톰캣은 서버다.
git bash에서 shutdown.bat 하면 다음과 같이 사이트에 연결할 수 없다.
10. UTF-8 무슨 뜻? 유니코드 표준. 모든 문자를 나타내기 위한 인코딩 방식임.
서버를 만들고 실행 후 중지 해봄.
11. 서버 만들기
12. 오류가 나면 껐다가 다시 켜보자. 업데이트가 느릴 수도 있음.
13. 코틀린을 쓰는 사람이 늘어나고 있다.
14. 구동 완료
15. 막힌 부분
컨트롤 n 눌러서 파일 만들기 했음. 문제 해결.
16. Spring 공부는 실습 위주로 한다. 실급하면서 필요한 이론을 설명함.
17. remote가 나옴.
18. 못 따라가서 놓쳤다.
19. 화면은 출력되지 않지만 결과값은 있음.
20. 놓쳤는데 다시 따라가게 됐음. 톰캣이 클래스의 객체를 대신 만들고, 메서드도 대신 사용해준다? 일단 받아들여보자.
21. reflection api를 사용하면 priavte 제어자가 붙은 메서드에 접근이 가능하다는 사실...!
22. 톰캣이 이 과정을 알아서 다 해준다. 복잡한 것을 처리해주는 착한 톰캣 ㅎㅎ
package com.earth.remote;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;
public class PrivateMethodCall {
public static void main(String[] args) {
Hello hello = new Hello();
//hello.main(); //private라서 외부 접근이 불가
try {
//Hello 클래스의 Class 객체(클래스의 정보를 담고 있는 객체)를 얻어옴
Class helloClass = Class.forName("com.earth.remote.Hello");
//Class 객체가 가진 정보로 객체 생성
Hello hello2 = (Hello) helloClass.newInstance();
Method main = helloClass.getDeclaredMethod("main");
//private인 main()을 접근가능하게 함
main.setAccessible(true);
main.invoke(hello2); //hello.main()과 동일함
} catch (ClassNotFoundException | InstantiationException | IllegalAccessException | NoSuchMethodException | SecurityException | IllegalArgumentException | InvocationTargetException e) {e.printStackTrace();}
}
}
23. html은 정적인 언어. jsp는 동적인 언어.
24. 뭐 했는지 모르겠는데 일단 함.
25. 웹프로그래밍에서 프론트 엔드는 클라이언트 중심의 프로그래밍 영역이다
백엔드는 서버를 구성하며 서비스를 제공하기 위한 서버쪽 프로그래밍 영역이다.
26. Webstorm을 이용해서 웹페이지를 만들었다.
