# web

5917개의 포스트

[Web Back-End JSP] JSP(Java Server Page) 사용 방법

JSP Scriptlet, Drective, method 와 web 이동 방법

방금 전
·
0개의 댓글
·
post-thumbnail

Virtual DOM

한 번에 여러 개의 DOM 객체를 수정해야 한다면?이선협 강사님이 작성하신 비교 예시이다.계속해서 DOM을 수정하게 되면 레이아웃을 똑같이 계속해줘야 하므로 비효율적이다.변수만 수정하다가 마지막에 DOM을 수정하는 것이 적절한 방법이다.하지만 개발자가 일일이 DOM을

약 5시간 전
·
0개의 댓글
·
post-thumbnail

DOM

Document Object Model의 약자로 문서 객체 모델을 뜻한다.그럼 이 모델이란게 도대체 뭘까?=> 모델이란 현실에 있는 것을 추상화한 것을 지칭한다.따라서 DOM은 HTML 문서에 있는 내용을 추상화(모델링)하여 객체로 만든 것이다.DOM의 각 요소는 ke

약 5시간 전
·
0개의 댓글
·
post-thumbnail

[Web] MVC 패턴

MVC❓ 모델(Model), 뷰(View), 컨트롤러(Controller)를 이용해서 프로그래밍하는 소프트웨어 설계 방법. &nbsp 모델(Model)은 데이터베이스와 밀접한 관계를 갖고 비즈니스 로직을 담당 뷰(View)는 클라이언트와 밀접한 관계를 갖고 비즈니스

어제
·
0개의 댓글
·

Docker를 활용한 여러개의 웹 어플리케이션 구축

0. 개요 Docker를 활용해 nginx 컨테이너 + 여러개의 웹 어플리케이션 컨테이너를 올려서 단일 OS에 다중 웹 서비스를 제공하는 법을 작성함 같은 OS에 여러개의 웹 어플리케이션을 구동함으로써 자원을 효율적으로 활용하고 관리를 수월하게 할 수 있음 결론적

어제
·
0개의 댓글
·

[WEB] 토큰(Token) QnA

웹에서 토큰이 뭘 의미하는 거야? >토큰이란 사용자 인증 및 권한 부여를 위해 인증된 사용자에게 서버가 발급하는 일련의 암호화된 데이터를 의미합니다. 토큰은 클라이언트 측에 저장되며 인증이나 권한을 요구하는 요청과 함께 전달됩니다. 쿠키-세션 방식 대신 토큰을 사용

2일 전
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 과정

브라우저의 구조 중 렌더링 엔진에 대해서 알아보자.\

2일 전
·
0개의 댓글
·

[Web] CSS selectors

기본 selector 기본 태그 selector ➡️ 태그명 Id selector ➡️ #id명 class selector ➡️ .class명 attribute selector ➡️ [attr] class vs id 여러번 반복될 필요 있는 스타일 ➡️ cla

4일 전
·
0개의 댓글
·
post-thumbnail

Rising Tech

디자인 작품 포트폴리오 🔎 작업내용 사이트명: Rising Tech 작업 기간: 3일 유형: 디자인 작업, 웹, swiper, Gsap, 특징: 현재 근무중인 회사의 디자인 작품의 포트폴리오 사이트, gsap 스크롤트리거와 드래그를 사용 ✅ Gsap 드래그 gs

4일 전
·
0개의 댓글
·

생활코딩:CSS 10~12

CSS 10 : 그리드 소개 목록과 본문이 나란히 위치하는 디자인을 하기 위해 그리드라는 방법을 활용할 수 있다. 어떤 의미도 존재하지 않는데 묶어줘야 할 때가 존재하고, 그런 태그를 사용해야 할 때가 있다. 그때는 div를 이용하면 편리하다. span - inl

5일 전
·
0개의 댓글
·

[Web] 유용 사이트

웹프 화이팅

5일 전
·
0개의 댓글
·
post-thumbnail

[CS] 네트워크에 대하여

✅ 통신 과정 웹 브라우저에 렌더링 되는 과정보다는 통신을 하며 데이터를 받아오는 과정을 중점으로 공부를 깊게 하고자 글을 작성하였다. 전체적인 과정은 DNS서버 👉 TCP/IP 👉 렌더링 과정으로 이루어 진다. 렌더링 부분을 알고 싶다면 👉 여기를 클릭

2023년 9월 26일
·
0개의 댓글
·

JAVA dynamic web project 세팅

운영체제 : mac, IDE : eclipseeclipse에서 dynamic web project세팅을 위한 과정에 대해 알아보겠다. 나는 처음 접하는 것들이 많아 멘탈이 너덜너덜해 졌었다.일단 세팅을 하기 위해 필요한 플러그인을 먼저 설치해야 한다. 좌측 상단 메뉴에

2023년 9월 25일
·
0개의 댓글
·
post-thumbnail

SOP와 CORS 에 대한 내용

프론트엔드에서 백엔드 서버로 요청을 보낼 때 CORS 에러가 발생하는걸 흔하게 볼 수 있습니다. 이러한 CORS 에러가 발생하는 이유와 에러 해결을 위한 방법 그리고 SOP도 같이 알아보겠습니다. Origin / 출처 SOP / Same-Origin Polic

2023년 9월 25일
·
0개의 댓글
·

#1 WEB

✍️ HTML, CSS, JS

2023년 9월 25일
·
0개의 댓글
·

WebSocket을 사용해보셨나요? socket.IO, stompJS, sockJS 중 아는대로 설명해주세요

WebSocket은 클라이언트와 서버 사이에 지속적인 완전 양방향 연결 스트림, 즉 상호작용을 가능하게 해줘서 실시간 서비스 구현이 필요할 때 사용하는데, 다만 webSocket을 지원하지 않는 브라우저도 있기 때문에(물론 최근에는 대부분 지원) 크로스 브라우징에 대응

2023년 9월 25일
·
0개의 댓글
·

HTTP Header에 대해서 설명해주세요.

HTTP Header는 클라이언트와 서버가 요청 또는 응답으로 부가적인 정보를 전송할 수 있도록 해주는 부분인데, General header는 공통 header로 요청과 응답 모두에 적용되고 body에서 최종적으로 전송되는 데이터와는 관련이 없는 header입니다. R

2023년 9월 25일
·
0개의 댓글
·

[Web] web 환경(web server, client, was, db)

웹 클라이언트 사용자가 웹에 접근하는 프로그램으로 Chrome과 같은 웹 브라우저이다. 클라이언트는 사용자로부터 받은 URL에 대한 정보를 찾아 HTTP 메시지 형태로 서버에게 요청한다. 웹 서버 서버는 클라이언트에서 요청한 HTTP 메시지를 확인한 후, HTML,

2023년 9월 25일
·
0개의 댓글
·

WEB vs WAS

static 처리(정적인 파일 요청 처리)\-> was로 가기 전 간단한 요청 처리 가능\-> was의 상태를 파악하여 로드 밸런싱 가능동적인 처리(service 로직 처리)\-> 흔히 src라고 부르는 자바 프로젝트 소스가 있는 서버was만으로 서비스 가능하지만 we

2023년 9월 24일
·
0개의 댓글
·

Web Server와 WAS의 차이 (Web Server vs Web Application Server)

웹서버(Web Server) 웹서버는 클라이언트(사용자)가 브라우저 주소창에 url을 입력하여 어떤 페이지를 http 요청하게 되면 http 요청을 받아들여서 HTML 문서와 같은 정적인 콘텐츠를 사용자에게 전달해주는 역할을 한다. 웹서버의 대표적 2가지 역할 단순히

2023년 9월 24일
·
0개의 댓글
·