2022/05/30

jungkwanlee·2022년 5월 30일
0

코딩일지

목록 보기
46/108

1) 학습한 내용

부츠스트랩 클론 페이지

출처

부츠스트랩은 CSS링크 및 Javascript링크를 통해서 index만으로도 홈페이지를 제작할 수가 있다는 장점이 있다. 다만, 부츠스트랩은 프레임워크인지라 라이브러리와는 다르게 정해진 규격 내에서 변형이 가능하다. 부츠스트랩의 경우, class를 통해서 사이트의 규격과 모양을 단장한다.

CSS링크는 head영역 내에서 link를 복사해서 갖다 붙여야하고 Javascript 링크은 body영역에 복사해서 붙여넣어야 한다. 보통 Javascript링크는 보통 body 영역 내에서 가장 아래쪽에 붙여넣는다.

tip. 한국에서 많이 쓰이는 프로그래밍 언어

JSP

JSP(Java Server Pages)란??
java 언어를 기반으로 하는 Server Side 스크립트 언어이다.

JSP의 특징

스크립트 언어이기 때문에 자바의 기능을 그래도 사용할 수 있다.

Tomcat(WAS)이 이미 만들어놓은 객체(predefined values)를 사용한다.

Predefined Values(또는 Implicit Object)
:미리 정의된 객체로, WAS가 제공하는 객체를 의미한다.
-request: the HttpServletRequest Object
-response: the HttpServletResponse Object
-session: the HttpSession Object
-out: the PrintWriter Object
-application: the ServletContext Object
https://www.javatpoint.com/jsp-implicit-objects

사용자 정의 태그(custom tags)를 사용하여, 보다 효율적으로 웹사이트를 구성할 수 있다.

  • JSTL(JSP Standard Tag Library,JSP 표준 태그 라이브러리)사용
    HTML 코드 안에 Java 코드가 있기 때문에 HTML코드를 작성하기 쉽다.

Servlet과 다르게 JSP는 수정된 경우 재배포할 필요 없이 Tomcat(WAS)이 알아서 처리해준다.

출처

JAVA

최신 기술이 나온다고 반드시 적용시키는 것이 아니며 오히려 안정성이 보장된 다음에 사용되는 경우가 흔하다.

2) 학습내용 중 어려웠던 점

부츠스트랩은 class 명령문을 통해서 웹페이지 설계를 많이 하기 때문에 부츠스트랩 사이트나 혹은 W3를 참고해서 만들어야 한다. 게다가, 부츠스트랩의 클래스 명령문을 작성하다가 오타가 난다면 부추스트랩의 명령문이 실행되지 않기 때문이다.

3) 해결방법

부츠스트랩을 통해서 홈페이지를 만들면 간혹 오타가 나는 건 필수적이기 때문에 부츠스트랩 홈페이지나 아니면 관련 사이트를 뒤져봐야 할 수 밖에 없다.

4) 학습소감

이번 수업은 강사가 작성한 코딩을 똑같이 따라해서 부츠스트랩의 사용법과 작동원리를 보여주었다.
내 체감상으로는 웹페이지는 보통 왼쪽에서 오른쪽으로 향하기 때문에 반응형 웹을 통해서 웹페이지의 영역을 줄이면 그 웹페이지에서 작성된 코드처럼 모습을 보여준다.
CSS는 미용사다.

0개의 댓글

관련 채용 정보