alsdnr6672 님의 블로그

웹 서버와 WAS(웹 애플리케이션 서버)의 차이점에 대해 알아보겠습니다. 이 두 용어는 웹 애플리케이션의 구조에서 매우 중요한 역할을 하며, 각각의 기능과 특징이 다릅니다. ### 1. 웹 서버 (Web Server) 웹 서버는 클라이언트의 요청에 따라 정적 콘텐츠(HTML, CSS, 이미지 파일 등)를 전달하는 역할을 합니다. 주로 HTTP 프로토콜을 사용하여 클라이언트와 통신합니다. 웹 서버의 주요 기능은 다음과 같습니다: - **정적 콘텐츠 제공**: HTML 파일, 이미지, CSS 파일 등 정적 파일을 클라이언트에게 전송합니다. - **HTTP 요청 처리**: 클라이언트의 HTTP 요청을 수신하고, 그에 맞는 응답을 반환합니다. - **리소스 관리**: 요청된 파일을 서버의 디스크에서 찾아 클라이..

React의 상태(state)와 생명주기(life cycle)에 대해 1. **정의**: 상태는 컴포넌트의 데이터나 정보를 저장하는 객체입니다. 각 컴포넌트는 고유한 상태를 가질 수 있으며, 상태가 변경될 때마다 컴포넌트가 다시 렌더링됩니다. 2. **상태 관리**:    - **useState Hook**: 함수형 컴포넌트에서 상태를 관리하기 위해 사용합니다.      ```jsx      import React, { useState } from 'react';      function Example() {        const [count, setCount] = useState(0);        return (                      You clicked {count} times  ..

### 1. 라이브러리 (Library) 라이브러리는 특정 기능이나 작업을 수행하는 코드의 집합입니다. 개발자는 필요할 때 이 라이브러리를 호출하여 사용할 수 있습니다. 라이브러리는 일반적으로 특정 기능을 제공하며, 개발자가 원하는 대로 사용할 수 있습니다. #### 주요 특징: - **호출 주체**: 개발자가 라이브러리를 호출합니다. 즉, 개발자가 코드의 흐름을 제어합니다. - **기능 제공**: 특정 기능이나 작업을 수행하는 데 필요한 코드가 포함되어 있습니다. - **유연성**: 필요에 따라 원하는 만큼 호출하여 사용할 수 있습니다. #### 예시: - **jQuery**: DOM 조작 및 AJAX 요청을 쉽게 처리할 수 있도록 도와주는 라이브러리. - **Lodash**: JavaScript에서 ..

top right bottom left 위에서부터 시계방향 margin: auto;  좌우 기준 가운데 정렬  요소 영역 --> content(내용) + padding(여백) + border(테두리) margin다른 요소와의 간격을 조정할 때 사용하는 스타일 속성

목록 관련 스타일list-style-type : 불릿 기호를 변경하고자 할 때 사용list-style-image : 불릿 기호에 이미지를 적용하고자 할 때 사용list-style-position : 불릿 기호의 위치 조정 시 사용   *ul : 순서 없는 목록   *ol : 순서 있는 목록

텍스트 관련 스타일color : 텍스트 색상 지정 text-decoration : 텍스트에 줄을 표시하거나 또는 표시하지 않고자 할 때 사용 text-transform : 영문 텍스트의 대소문자 변환 시 사용 text-shadow : 텍스트에 그림자 효과를 줄 때 사용 text-align : 텍스트 정렬 시 사용 line-height : 줄 간격 조절 시 사용 (장평 조절)

글꼴 관련 스타일 속성 font-size : 글자의 크기를 조절하는 속성으로 em, px, pt 단위가 있음font-family : 글꼴을 지정할 때 사용font-weight : 글꼴 굵기 표현할 때 사용font-variant : 영문 텍스트 문구를 작은 크기의 대문자로 변경할 때 사용font-style : 텍스트 문구를 기울여서 표현할 때 사용italic : 기울임 글꼴oblique : 원래 글자를 기울여서 표현

1)선택자 우선순위--기본적으로 css는 위에서부터 아래로 적용됨--동일한 요소를 다양한 선택자로 css를 적용한 경우 우선순위에 따라 적용됨--태그 선택자

선택자란?특정 html요소를 선택하고자 할 때 사용하는 기능 해당 요소를 선택해서 원하는 스타일과 기능을 적용시킬 수 있다.*키원드 => 속성값         키워드가 일치하는 경우 : 선택자[속성명=키워드]         키워드가 포함되어 있는 경우(전체단어) : 선택자[속성명~=키워드]         키워드가 포함되어 있는 경우 : 선택자[속성명*=키워드]          키워드로 시작하는 경우 (전제단어 또는 단어 다음에 -가 있는 경우) : 선택자{속성명|=키워드}         키워드로 시작하는 경우 : 선택자[속성명^=키워드]         키워드로 끝나는 경우 : 선택자[속성명$=키원드]

입력 양식 태그 사용자에게 값을 입력받을 수 있는 텍스트 상자 또는 체크 박스 등을 표시할 수 있음 폼(form) 태그form 태그 내에 submit 버튼 클릭 시 해당 form 태그 내에 작성된 사용자 입력한 값들을 서버로 전달하면서 요청하는 역할을 수행  action : 요청할 서버 경로                    => 해당 서버로 사용자가 form 내에 입력 태그를 통해 작성한 값들을 전달 * method : 요청 전송 방식 지정 (get/post). 기본값: get  * placeholder : 텍스트 상자에 설명 문구 * maxlength   : 입력할 수 있는 최대 길이  * required    : 필수 입력 항목. 입력하지 않을 경우 요청되지 않음!  date :           ..