일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 복합 선택자
- JavaScript
- 상속
- 부정 선택자
- 즐거운 자바
- 서블릿
- optgroup
- vmin
- 즐거운자바
- 깃헙
- jsp
- nth-of-type()
- 자바
- 김성박
- HTML Templating
- 다시볼 것
- 다시보자
- 웹개발
- datalist
- 부스트코스
- ES6
- EDWITH
- nth-child()
- 가상클래스 선택자
- vmax
- 속성 선택자
- 가상요소 선택자
- spring
- 소스트리
- 보충필요
- Today
- Total
목록EDWITH (37)
기억의 DataBase
서블릿이란? 자바 웹 어플리케이션의 구성요소 중 동적인 처리를 하는 프로그램 서블릿은 WAS에서 동작하는 Java 클래스 > 직접 사용하는 경우는 드므나, 웹의 동작을 이해하기 위해 필요 동적 요청의 처리 서블릿의 라이프사이클 자바 웹 어플리케이션의 구조 WEB-INF는 웹 어플리케이션의 기본적인 중요 폴더 xml은 웹 어플리케이션의 기본정보를 담는 중요 파일 출처 : edwith 부스트코스 - https://www.edwith.org/boostcourse-web
클라이언트가 DBMS로 바로 접속하는 경우의 단점 1. 클라이언트 프로그램이 무거워짐(프로그램 로직이 변경되면 매번 배포되어야 함) 2. 클라이언트 프로그램에 대부분의 로직이 포함되기 때문에 보안이 불안정 미들웨어 미들웨어는 클라이언트에서 바로 DBMS에 접속하는 프로그램의 단점을 해결하고자 등장 1. 클라이언트와 DB 사이에 미들웨어를 두어, 로직을 수행 2. 클라이언트는 입/출력만 담당 > 크기가 매우 작아짐 3. 로직 변경 시 미들웨어만 변경하면 됨 WAS(톰캣)는 미들웨어에 포함되는 서버로 3가지 기능을 가짐 프로그램 실행환경과 DB접속 기능을 제공 여러개의 트랜잭션을 관리 비지니스 로직을 수행 웹서버 - 정적인 컨텐츠를 웹브라우져에게 제공 WAS - 동적인 컨텐츠를 웹브라우져에게 제공 ※ 웹서버..
웹서버란? 웹 서버는 소프트웨어(Software)를 보통 말하지만, 웹 서버 소프트웨어가 동작하는 컴퓨터를 의미하기도 함 웹 서버의 가장 중요한 기능은 클라이언트(웹브라우져)가 요청하는 HTML 문서나 리소스(Resource)를 전달하는 것 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적(static)인 데이터이거나 동적인 결과 정적인 파일 - 컴퓨터에 저장된 코드 파일 동적인 파일 - 웹서버에 의해서 실행된 프로그램을 통해서 만들어진 결과물 ※ 웹크롤러 - 검색 사이트에서 다른 사이트의 정보를 읽어갈때 사용하는 소프트웨어 웹 서버 소프트웨어의 종류 가장 많이 사용하는 웹 서버는 Apache, Nginx, Microsoft IIS Apache웹 서버는 Apache Software Fou..
아마존 둘러보기 아마존 첫접속시 응답받는 response page 정보 순차실행이기 때문에 는 가 닫히기 직전 or 아래에 적어줘야 함 html을 먼저 보여주고 script를 처리 > 이렇게 하지 않으면 script 처리전까지 html이 보이지 않음(script 처리전까지 화면이 백지) ※ CSS 파일이나 은 안에 위치 시켜야 렌더링이 빠름 출처 : edwith 부스트코스 - https://www.edwith.org/boostcourse-web
브라우져의 구성 브라우저의 내부를 이해하면 웹 개발을 하면서 맞닥뜨리는 난해한 문제를 해결할 수 있고, 보다 최적화된 웹개발을 할 수 있다. 브라우져 엔진 : 브라우져 소프트웨어를 동작시키는 핵심 렌더링 엔진 : 화면에 직접 위치를 잡고 색칠을 픽셀 단위로 해줌 ex) Internet Explorer uses Trident, Firefox uses Gecko, Safari uses WebKit. Chrome and Cromium ★Webkit Main Flow★ 파싱(Parsing) : 코드를 문자 단위로 한줄한줄 해석해서, 데이터 객체로 구조화 시키는 것 > 토큰 단위로 잘라서 해석 후에 조합하여 처리 DOM Tree(돔트리) CSS Parsing(Key : Value 구조) HTML 구조 출처:htt..
웹프론트엔드 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공 또한, 사용자의 요청(요구사항)에 반응해서 동작 웹프론트엔드의 역할 웹콘텐츠를 잘 보여주기 위해 구조를 만들어야 함(가독성) - HTML 적절한 배치와 일관된 디자인 등을 제공해야 함(심미성) - CSS 사용자 요청을 잘 반영해야 함(소통/반응) - Javascript >> 프로그래밍 / 동적인 제어 ※ 크롬의 개발자 도구(F12)를 활용해서 학습 웹백엔드 프론트엔드가 클라이언트 사이드라고하면, 백엔드는 서버 사이드라고 할 수 있음 언어 한가지 정도는 능숙해야 함 > JAVA 웹의 동작 원리 숙지 알고리즘(algorithm), 자료구조 등 프로그래밍 기반 지식 운영체제(특히 리눅스), 네트워크 등에 대한 이해 프레임워크에 ..