1. 라이브러리란? 특정 기능을 모와둔 코드, 함수들의 집합이며 코드 작성 시 활용 가능한 도구들을 의미합니다. 2. 라이브러리 예시 Lodash: 자바스크립트 유틸리티 라이브러리 jQuery: 자바스크립트 DOM 조작 라이브러리 React Transition Group: React 애니메이션 라이브러리 Moment.js: 자바스크립트 날짜 라이브러리 Chart.js: 자바스크립트 차트 라이브러리 Axios: 자바스크립트 HTTP 클라이언트 라이브러리 NumPy: 파이썬 수치 계산 라이브러리 Pandas: 파이썬 데이터 분석 라이브러리 Matplotlib: 파이썬 시각화 라이브러리 BeautifulSoup: 파이썬 웹 스크래핑 라이브러리 3.프레임워크란? 라이브러리 여러 개와 자신이 구현하고 싶은 코드를..

1.톰캣이란? 톰캣은 아파치 소프트웨어 재단에서 만드는 서버입니다. 2. 톰캣의 구성 요소는? 카탈리나(Catalina) : Tomcat의 서블릿 컨테이너입니다.>서블릿 컨테이너에 대해서 간단하게 설명하면.. 서블릿(자바를 사용해서 웹을 만들기 위한 기술)을 관리하거나 실행 등을 역할을 수행할 상자입니다. 코요태(Coyote) : HTTP 1.1 (HTTP 버전)을 웹 서버로 지원하는 Tomcat용 커넥터 쉽게 말해서, 클라이언트가 동적인 콘텐츠(예: JSP 파일)를 요청하는 경우, 코요테를 통해 해당 요청이 톰캣 서버로 전달되어 처리됩니다. 제스퍼(Jesper) : 톰켓의 JSP(html 코드에 java 코드가 삽입 된 것) 엔진이다. 제스퍼는 JSP파일을 파싱하여 서블릿(JavaEE) 코드로 컴파일 ..

1. 아파치와 톰캣이란? 아파치 소프트웨어 재단에서 만드는 서버입니다. 2. 둘의 차이는? 항목 아파치(apache) 톰캣(tomcat) 종류 웹 서버 WAS(WEB APPLICATION SERVER) 기능 정적 콘텐츠 제공() 동적 콘텐츠 처리, 웹 애플리케이션 실행 지원 언어 HTML,CSS JAVA 3. 아파치 톰캣이란? 웹 서버인 아파치와 WAS인 톰캣 이 두가지 서버가 합쳐진 것을 아파치 톰캣이라고 부른다. 이 서버를 쓰는 이유는 정적인 기능과 동적인 간단한 페이지를 구현하고 싶은데, 이 두가지의 기능이 따로 있는 것을 따로 다운 받아서 실행시키는 것보다는 아파치 톰캣이라는 서버로 페이지를 구현하는 것이 좀 더 빠르고, 컴퓨터에 덜 부담이 되기 때문에 씁니다. 4. WAS와 WEB 서버란? 아까..

1. HTML 요소 ( HTML Elements) HTML에서 시작・종료 태그로 이루어진 모든 명령어를 의미 ex) 예시입니다., 다른 예시 2. 태그(Tag) 요소의 일부로 에 /가 없으면 시작 태그이고, /가 있으면 종료 태그입니다. ex) ,, 등이 있습니다. 3. 속성(attribute) 테그가 어떤 역할 할지 정할 때 사용하는 것 ex) onclick = "clickbutton()", class="title", id ="title" 4. 콘텐츠(Content) 시작 태그와 종료 태그 사이에 있는 내용 예를 들어서, 태그 사이에, '안녕' 이라는 문구가 있다면, 안녕이 출력 됩니다.

1. CSS(Cascading Style Sheets)란? CSS는 웹 사이트의 글꼴, 색상 등을 적용할 수 있습니다. CSS의 C의 Cascading 은 ' 폭포', '위에서 아래로 쏟아지는' 이라는 뜻으로 쉽게 말해서, 위에서 아래로 쏟아지는 스타일 시트라는 뜻입니다. 2. CSS 구성 요소란? 선택자(selector): 디자인을 적용할 HTML 영역 속성(property) : 어떤 스타일을 부여할지를 지정합니다. ex) text-align, color 등 값(value): 프로퍼티의 종류에 따라 지정하는 일정 범위의 값이라고 하는데, ex) center, end, justify, left, aqua, red 쉽게 풀이하면, 속성 color의 값에는 aqua, red등이 있고, 글자의 위치를 정렬하는..

가상요소와 가상 클래스의 차이를 비교하면, 1. 가상 요소와 가상 클래스의 차이 가상 요소는 특정 환경이 발생하면, 스타일을 변화 시키며, 가상 클래스는 스타일을 변화시키는 코드입니다. 2.가상 클래스와 가상 요소의 사용 방법? 가상 클래스는... 선택자:가상 클래스 { property: value; } 가상 클래스는 :를 사용하고, 아래 처럼 가상 요소는 ::를 쓰는 것이 차이입니다. 선택자::가상 요소{ property: value; } 3.가상 클래스의 종류 가상 클래스의 개념을 정리했고, 아래는, 가상 클래스의 종류입니다. :hover -> 요소에 커서 올렸을 때 스타일 지정 :first-child -> 부모의 자식 요소중에서 첫번째 요소에 스타일 지정 :nth-child(2) -> 부모의 자식 ..