웹이란
![](https://velog.velcdn.com/images/jrin/post/380ae06d-5ba5-4d0b-a7e1-8dc8872bad23/image.png)
![](https://velog.velcdn.com/images/jrin/post/1f4903f6-386d-442e-bbc4-81e7cb1f7690/image.png)
![](https://velog.velcdn.com/images/jrin/post/3a078675-2b1b-4efc-8bf1-8a1b16f5aefd/image.png)
네트워크
![](https://velog.velcdn.com/images/jrin/post/bdc959bf-b55f-4b50-9d03-1de4cdd95349/image.png)
![](https://velog.velcdn.com/images/jrin/post/6b24be3a-3f08-40bf-9ee1-e510296badce/image.png)
![](https://velog.velcdn.com/images/jrin/post/81a26be9-c563-412f-913c-ae7a25b1f247/image.png)
![](https://velog.velcdn.com/images/jrin/post/9e373665-da71-4375-b052-ac274e34daa8/image.png)
인터넷
![](https://velog.velcdn.com/images/jrin/post/3f531447-a0c9-46c2-9fc8-2ff7175d4e43/image.png)
![](https://velog.velcdn.com/images/jrin/post/ae50e767-aa98-4827-8868-5e48bc9d9b28/image.png)
- 프로토콜 : 통신규약
- 포트 : 서비스 접근 출입문.
- 프로토콜과 포트가 같지 않으면 서비스 접속불가
![](https://velog.velcdn.com/images/jrin/post/7e7cb543-ae8f-4985-8733-9f45bc6a0367/image.png)
클라이언트-서버 구조
프런트엔트는 클라이언트단이라고도 함
![](https://velog.velcdn.com/images/jrin/post/878a9a1c-dce8-4907-9dd1-249b1109d320/image.png)
HTML/CSS/자바스크립트
![](https://velog.velcdn.com/images/jrin/post/56c090ea-15c6-42c4-bdb9-5eaf63d5756f/image.png)
![](https://velog.velcdn.com/images/jrin/post/6d04d12c-45af-472d-911e-8b0030b978cd/image.png)
![](https://velog.velcdn.com/images/jrin/post/89f2b03c-b023-49cb-bdde-4310549bb131/image.png)
백엔트 중심 개발과 프런트엔드 중심 개발
![](https://velog.velcdn.com/images/jrin/post/e6e11abf-ad83-452d-bb00-ac9e02f57ed3/image.png)
![](https://velog.velcdn.com/images/jrin/post/cff1681c-917b-471d-a007-54fca4894ccd/image.png)
![](https://velog.velcdn.com/images/jrin/post/0492b2c5-fe41-411e-a0c6-4349f43f9b8b/image.png)
![](https://velog.velcdn.com/images/jrin/post/703dcda6-9663-4f93-8fa8-0feab118d058/image.png)
새로운 웹개발 트렌드
![](https://velog.velcdn.com/images/jrin/post/c0c71af3-d064-4057-a890-affef2c687f3/image.png)
![](https://velog.velcdn.com/images/jrin/post/410b710e-6a0f-43ce-9180-ad0f82f80c4d/image.png)
![](https://velog.velcdn.com/images/jrin/post/f610f6de-3a2e-4235-8e3e-ed51e50d526d/image.png)
![](https://velog.velcdn.com/images/jrin/post/c05528f6-b611-4cb4-8d28-36c37173c615/image.png)
환경구축
자바
![](https://velog.velcdn.com/images/jrin/post/81d448ae-edce-4f53-9db6-374bb6fc556b/image.png)
![](https://velog.velcdn.com/images/jrin/post/0fb21249-ee5d-46e3-b0f7-3b32f8e46de0/image.png)
![](https://velog.velcdn.com/images/jrin/post/12196a57-61d9-47a6-a76c-9d5ee395d198/image.png)
![](https://velog.velcdn.com/images/jrin/post/1d65abdd-24f8-4c69-82e5-5b62483998ab/image.png)
![](https://velog.velcdn.com/images/jrin/post/98e21e8e-b085-4875-a566-8f6a616c2c3f/image.png)
![](https://velog.velcdn.com/images/jrin/post/3915766e-c580-4efa-8c3d-1676acd62c2a/image.png)
배포 프로세스
![](https://velog.velcdn.com/images/jrin/post/01ee9864-a8a3-4af1-b315-17d404c4cb60/image.png)
동적 웹프로젝트
![](https://velog.velcdn.com/images/jrin/post/4ede471a-6aa5-4e71-bd0e-ab2def8c349c/image.png)
![](https://velog.velcdn.com/images/jrin/post/b102a18b-3f76-4efa-a035-fa69ee764258/image.png)
![](https://velog.velcdn.com/images/jrin/post/18fb7527-2269-417a-811d-bfe52840918d/image.png)
![](https://velog.velcdn.com/images/jrin/post/76009d88-afe9-4e23-aeba-e967f8347e97/image.png)
![](https://velog.velcdn.com/images/jrin/post/dd135b41-8785-4699-8d3e-abfb6f58dfe5/image.png)
![](https://velog.velcdn.com/images/jrin/post/0e31ae89-977e-4376-a336-8da92bb1529f/image.png)
JSP(Java Server Page)
- HTML코드에 JAVA코드를 넣어서 동적 웹페이지를 생성하는 도구
- JSP 실행되면 자바 서블릿으로 자동변환되어 서버에서 동작 수행후 응답
![](https://velog.velcdn.com/images/jrin/post/44948dc8-9cf5-426d-a80c-aa4b49b52f92/image.png)
![](https://velog.velcdn.com/images/jrin/post/3a209995-e0a8-42f4-9bcf-07d82deeb720/image.png)
![](https://velog.velcdn.com/images/jrin/post/834bb728-1b94-4626-ab0e-9e1887009203/image.png)
![](https://velog.velcdn.com/images/jrin/post/57f4ffda-00b1-41e2-88cb-5717c1ff93b3/image.png)
![](https://velog.velcdn.com/images/jrin/post/92e1c5fe-14b7-470f-9f9e-34b977ad39c5/image.png)
![](https://velog.velcdn.com/images/jrin/post/d5e93013-5082-4355-8b02-a95d29324961/image.png)
![](https://velog.velcdn.com/images/jrin/post/45e13b3f-f9e5-490b-aedd-121bd4c167ca/image.png)
![](https://velog.velcdn.com/images/jrin/post/9fb6a799-f2eb-4ce2-a957-c644efe99ad9/image.png)
![](https://velog.velcdn.com/images/jrin/post/8584a612-01dc-4179-9773-e8983741bc98/image.png)
![](https://velog.velcdn.com/images/jrin/post/efb9cd66-0860-48c8-8cb5-c35c85a9b16f/image.png)
![](https://velog.velcdn.com/images/jrin/post/41392dc2-b1ce-4f9e-9f29-53197993a0c6/image.png)
![](https://velog.velcdn.com/images/jrin/post/11e971ee-6ff3-44bb-b82a-9400d5f36b59/image.png)
![](https://velog.velcdn.com/images/jrin/post/4b6657ae-15d0-46ed-96f9-07ff59a549a3/image.png)
![](https://velog.velcdn.com/images/jrin/post/65aa8450-9097-433f-928e-dd050e01d544/image.png)
CSS
![](https://velog.velcdn.com/images/jrin/post/7b905510-0145-406b-b397-cd65714f8a96/image.png)
![](https://velog.velcdn.com/images/jrin/post/60de4165-2390-4897-8078-db4cf4f946e8/image.png)
![](https://velog.velcdn.com/images/jrin/post/72a9ad51-5c3d-4e17-8db0-c3fe87b19855/image.png)
![](https://velog.velcdn.com/images/jrin/post/a06b09d2-c5b3-4b3c-9283-1b6c5acae01c/image.png)
![](https://velog.velcdn.com/images/jrin/post/53238e6c-edcf-471a-b4bd-1fc241f976bb/image.png)
![](https://velog.velcdn.com/images/jrin/post/0e8db57a-cdeb-46d0-8b84-146f42b7ccd3/image.png)
자바스크립트
![](https://velog.velcdn.com/images/jrin/post/f5743d41-c1dc-41a4-960b-5e100e15b860/image.png)
![](https://velog.velcdn.com/images/jrin/post/b38da3fa-e338-4225-aa7e-224a4097e034/image.png)
![](https://velog.velcdn.com/images/jrin/post/6f08e239-a805-4f0c-84e3-ab912974ebc1/image.png)
![](https://velog.velcdn.com/images/jrin/post/aaaec17c-0b10-4623-a042-7ee459299e98/image.png)
![](https://velog.velcdn.com/images/jrin/post/b4f783c8-a3dc-479e-8910-309ea43d72d6/image.png)
![](https://velog.velcdn.com/images/jrin/post/0f651d9c-5c14-416d-bfc0-4e074cb4259b/image.png)
![](https://velog.velcdn.com/images/jrin/post/fa9f02e6-2cf8-424a-9cd6-bc66690e9ef2/image.png)
![](https://velog.velcdn.com/images/jrin/post/584eb664-6b4b-4b1e-aa37-7e14de41b9bb/image.png)
![](https://velog.velcdn.com/images/jrin/post/1fcf83e8-60c4-4097-b306-5a60043f2e12/image.png)
![](https://velog.velcdn.com/images/jrin/post/3e162dd4-c4f5-40f1-9267-8ca4ebd70024/image.png)