본문 바로가기
728x90

웹 프로그래밍(Web Programing)10

[HTML] HTML 요소 : 리스트 리스트는 HTML에서 여러 항목을 나열할 때 사용하는 요소 종류는 크게 세 가지가 있다. # 순서가 없는 리스트 ul(unordered list)- 항목 앞에 ●(기본값), ○, ■ 같은 기호(불릿)가 붙는다. 사과 바나나 포도 사과 바나나 포도">사과바나나포도  - css에서 list-style-type을 사용하면 기호 모양을 바꿀 수 있다. ul { list-style-type: disc; /* ● 기본값 */ list-style-type: circle; /* ○ 모양 기호 */ list-style-type: square; /* ■ 모양 기호 */ list-style-type: none; /* 기호 제거 */} # 순서가 있는 리스트 ol(ordered list)- 순서(1,2,.. 2025. 4. 1.
[HTML] HTML 요소 : 텍스트 # br- 줄을 바꾸는 요소(태그)- 엔터키와 같은 기능- 종료태그 없이 사용안녕하세요이렇게 작성하면줄 바꿈이 되나요?안녕하세요이렇게 작성하면줄 바꿈이 되나요?">안녕하세요 이렇게 작성하면 줄 바꿈이 되나요? 아니요 이렇게 작성해야줄 바꿈이 돼요아니요 이렇게 작성해야줄 바꿈이 돼요">아니요 이렇게 작성해야줄 바꿈이 돼요# p- 문단을 나누어 독립된 단락을 생성- 단락 구분을 위해 단락 전후에 빈 줄이 자동으로 추가위 코드로 작성된 실제 HTML 문서입니다.단락을 생성해볼까요?p 요소를 사용했습니다.p요소를 여러번 사용해도 의미는 없습니다.위 코드로 작성된 실제 HTML 문서입니다.단락을 생성해볼까요?p 요소를 사용했습니다.p요소를 여러번 사용해도 의미는 없습니다.">위 코드로 작성된 실제 HTML 문서.. 2025. 3. 20.
[웹 프로그래밍] 개요 웹 프로그래밍- 웹사이트나 웹 애플리케이션을 개발하는 과정 쉽게 말해, 우리가 인터넷에서 접속하는 다양한 웹페이지나 서비스(예: 쇼핑몰, 블로그, 포털 사이트 등)를 만들기 위해 사용하는 기술과 코딩을 통틀어 웹 프로그래밍이라고 한다. 웹 프로그래밍 구성 요소프론트엔드(Front-End)사용자와 직접적으로 보이고 상호작용하는 부분HTML, CSS, JavaScript 등이 사용됨예: 웹페이지의 버튼, 이미지, 글자 등백엔드(Back-End)서버, 데이터베이스, 비즈니스 로직 처리PHP, Python, Java, Node.js 등 사용예: 로그인 처리, 회원가입, 게시글 저장 등INTERNET 이란? - INTERconnected NETwork- 전 세계적으로 연결되어 있는 컴퓨터 네트워크 시스템 Worl.. 2025. 3. 20.
[HTML] 컬러 코드 간편하게 찾는 사이트 HTML 컬러 코드 HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입 www.html-color-codes.info 2024. 3. 21.
[JavaScript] 변수와 자료형 변수 # var - ES5에서 사용되는 변수 선언 방식 - 함수 스코프를 가지며, 같은 변수를 여러 번 선언할 수 있음 - 호이스팅(hoisting)에 영향을 받음 # let - ES6에서 도입된 변수 선언 방식 - 블록 스코프를 가지며, 블록 내에서만 유효 - 변수 재선언이 불가능 - 호이스팅에 영향을 받지 않음 # const - 상수를 선언하는데 사용 - 재할당이 불가능하며, 선언과 동시에 초기화해야 함 - 블록 스코프를 가짐 - 재할당이 불가능하지만 객체 또는 배열과 같은 가변 객체를 가리키는 경우에는 내부 값이 변경될 수 있음 특징 # 동적 타입 언어(Dynamically Typed Language) - 변수를 선언할 때 명시적으로 자료형을 지정할 필요 없음 - 변수의 자료형은 실행시간에 결정 #.. 2024. 3. 8.
[JavaScript] 개요 자바스크립트 (JavaScript) - 동적이고 인터프리터 언어 - 웹 페이지의 동적인 기능을 구현, 사용자와의 상호작용을 가능하게 해줌 - 스크립트 언어로 주로 웹 브라우저에서 실행 - 주로 웹 개발에서 사용되는 프로그래밍 언어 - 클라이언트 측 개발에서 많이 사용 - 최근에는 Node.js 와 같은 환경에서 서버 측 개발에도 사용되고 있음 - 객체 기반의 프로그래밍 언어 - 이벤트 기반으로 동작 # 인터프리터 언어 - 프로그램을 실행할 때 소스 코드를 한 줄씩 읽고 바로 실행하는 언어 - 컴파일러 언어와 다르게 소스 코드를 미리 기계어로 변환하지 않고 직접 실행 - 코드를 수정한 후 즉시 결과를 확인 가능 - 외부 JavaScript 파일을 포함할 때는 다음과 같이 src 속성을 사용하여 경로를 지정 2024. 2. 28.
[jQuery] 개요 jQuery - JavaScript 라이브러리 중 하나 - JavaScript 코드를 더 쉽게 작성하고 관리할 수 있도록 도와주는 도구 jQuery 특징 # 간편한 DOM(Document Object Model) 조작 - 간결하고 직관적인 API 제공, DOM 요소들을 선택하고 조작하는데 용이 - CSS 선택자를 사용하여 요소를 선택 - 다양한 메서드를 이용하여 요소의 스타일, 속성, 내용 등 쉽게 변경 가능 # 크로스 브라우징 지원 - 다양한 웹 브라우저에서 동작하도록 설계 - 웹 개발 시 크로스 브라우징 이슈를 해결하기 위한 일공된 인터페이스 제공 # 이벤트 처리 - 이벤트 처리를 쉽게 할 수 있는 다양한 메서드 제공 - click, mouseover, submit 등 # 애니메이션 효과 - 요소의 .. 2024. 2. 28.
[HTML] 개요 HTML (Hyper Text Markup Language)- HTML(하이퍼텍스트 마크업 언어)는 웹 페이지를 만들기 위한 표준 마크업 언어 - 웹 페이지의 구조를 정의하고 콘텐츠를 표시하는데 사용- 사람의 뼈와 같다고 생각 # 요소- HTML 문서는 다양한 요소들의 조합이다.- 각 요소는 시작태그와 종료태그로 둘러싸인 형태를 가지며, 시작태그와 종료태그 사이에 콘텐츠가 위치- 몇몇 요소는 종료태그를 가지지 않는 빈 요소도 존재 (, 등) # 속성- HTML 요소에 추가 정보를 제공하는데 사용- 요소의 시작태그에 속성을 추가하여 요소의 동작을 제어하거나 스타일을 지정할 수 있음 # 콘텐츠- HTML 요소에 포함된 실제 텍스트를 나타냄- 시작태그와 종료태그 사이에 위치- 사용자가 실제로 보게 되는 부분.. 2024. 2. 26.
[JSP] JSP와 Servlet JSP (Java Server Pages) - 서버 측에서 동적웹페이지를 생성하기 위한 웹어플리케이션 도구 (Java + HTML) - 템플릿 엔진 - HTML 문서 안에 자바 코드를 포함시킬 수 있는 자바 기반의 서버 사이드 스크립트 언어 (서버 사이드 스크립트 언어 : 웹 서버 옆에서 작동하는 언어) # 동작 과정 1. 클라이언트가 웹 브라우저를 통해 JSP 페이지에 접속함 2. JSP 컨테이너(Tomcat)는 JSP 파일을 읽어 Java 코드로 변환하고, 컴파일해서 Servlet 클래스 파일 생성 3. 생성된 Servlet 클래스 파일을 실행해서 동적인 HTML 문서 생성해서 클라이언트에게 전송 Servlet (서블릿) - 클라이언트로부터의 요청을 처리하고, 그 결과를 HTML 페이지 형태로 보내주.. 2024. 1. 29.
728x90

티스토리툴바