웹 프로그래밍
-
[부스트코스] JSP -BE부스트코스 코딩일지/DB 연결 웹 앱 2020. 3. 12. 21:56
JSP란? Java 언어를 기반으로 하는 Server Side 스크립트 언어입니다. HTML에 자바 코드를 넣어 동적인 웹 페이지를 생성하는 도구로 사용합니다. 예시를 보겠습니다. 3. 자바 주석 : // OR /* */ JSP 페이지에서 주석은 세 가지 모두 이용 가능합니다. 다만 차이점은, 1번은 변환된 소스코드가 html로 읽어질 때 주석으로 처리된다는 것 2번은 소스코드가 변환될 시에 주석으로 처리되어 소스 변환 처리가 되지 않는다는 것 3번은 변환된 소스코드가 실행할 때 주석으로 처리된다는 것입니다. [출처: https://www.edwith.org/boostcourse-web/lecture/16704/] JSP 내장 객체 _jspService() 메서드에 삽입된 코드의 윗부분에 미리 선언된 객..
-
[부스트코스] Servlet -BE부스트코스 코딩일지/웹 프로그래밍 기초 2020. 2. 14. 01:45
JDK와 eclipse ee 그리고 WAS 종류의 하나인 Tomcat까지 설치하여 본격적으로 웹 애플리케이션을 동작할 준비를 마치었습니다. 웹 어플리케이션은 정적인 콘텐츠와 동적인 콘텐츠로 나누어 볼 수 있는데요. 프로그램을 수행해서 페이지를 동적으로 만들어 주는 것이 바로 서블릿입니다. 서블릿의 역할과 작성 방법에 대해 알아보도록 하겠습니다! Servlet 이란? 자바 웹 애플리케이션의 구성요소 중 동적인 처리를 하는 프로그램입니다. 서블릿은 WAS에 동작하는 JAVA 클래스인데요, HttpServlet 클래스를 상속받아 동작합니다. 웹페이지의 화면 자체를 JSP로 표현한다면, 그 안에서 이뤄지는 복잡한 프로그래밍은 서블릿으로 구현하는 것입니다. 서블릿은 요청이 들어오면 그때 코드가 실행되어 응답 결과..
-
[부스트코스] Browser에서의 웹 개발부스트코스 코딩일지/웹 프로그래밍 기초 2020. 1. 19. 16:03
오늘은 크롬 브라우저 소스 코드를 보며 소스의 구성에 대해 알아보도록 하겠습니다. 전 시간에 말했듯이 크롬 브라우저는 개발자 도구를 제공하고 있는데요. 마우스 우클릭 > 개발자 도구를 통해서 확인할 수 있고 단축기 (Ctrl + Shift + I)를 통해서 볼 수 있습니다. 소스 코드를 살피어 보면 첫 부분에 을 확인할 수 있습니다. 그리고 소스의 마지막 부분을 보면 이라고 적혀있는데요. 이렇듯 html 태그를 통해 HTML 문서임을 확인할 수 있습니다. 또한 코드를 살피어보면 head, body 같은 것들을 통해 html이 계층적 구조로 이루어져 있음을 알 수 있습니다. head 요소의 정의는 '문서의 메타데이터 집합'입니다. 메타 데이터는 웹 페이지에 직접적으로 보이지 않는 정보라고 이해하면 되는데요..
-
[부스트코스] 웹 백 엔드부스트코스 코딩일지/웹 프로그래밍 기초 2020. 1. 17. 17:47
저번 시간에는 프론트 엔드의 역할과 기술적 구성에 대해 살피어보았는데요 이번 시간에는 백 엔드에 대해 알아보도록 합시다! 프론트 엔드와 백 엔드의 차이점 Front-End Back-End 클라이언트 입장에서 개발 (클라이언트 사이드) 서버 입장에서 개발 (서버 사이드) 백 엔드의 역할 : 정보를 처리하고 저장하며, 요청에 따라 정보를 내려준다. 백 엔드 개발자가 알아야 할 것들 프로그래밍 언어(JAVA, Python, PHP, Javascript 등) 웹의 동작 원리 알고리즘(algorithm), 자료구조 등 프로그래밍 기반 지식 운영체제, 네트워크 등에 대한 이해 프레임워크에 대한 이해(예: Spring) DBMS에 대한 이해와 사용방법(예: MySQL, Oracle 등) **프레임워크란? "소프트웨어..
-
[부스트코스] 웹 프로그래밍 언어들부스트코스 코딩일지/웹 프로그래밍 기초 2020. 1. 15. 10:35
오늘은 다양한 프로그래밍 언어들의 종류에 대해 알아봅시다. 그중에 웹 프로그래밍에 최적화된 프로그래밍 언어는 무엇인지! 각 언어들의 장단점은 무엇인지에 대하여 알아보도록 하겠습니다. 언어의 종류 언어는 크게 저급 언어와 고급 언어로 나눕니다. 고급 언어는 사람이 이해하기 쉬운 언어, 저급 언어는 기계가 더 이해하기 쉬운 언어라고 생각하면 돼요. -저급 언어 기계가 이해하기 쉬운 언어! 사실 기계는 전기신호인 on/off 2가지 상태 값으로 동작합니다. 이렇게 2진수로 이뤄진 값으로 작성하는 프로그래밍 언어를 기계어라고 합니다. 하지만 기계어로 프로그래밍을 작성하면 사람은 이해도 어렵고 유지보수도 어렵겠죠. 그래서, 기계어와 1:1 대응하는 기호를 만든 것이 어셈블리어입니다. 어셈블리어를 기계가 이해하기 ..