본문 바로가기

분류 전체보기344

[JSP] 태그 [JSP] 서버와 클라이언트👨‍💻웹 프로그래밍이란?- 웹 프로그래밍이란, 웹 어플리케이션을 구현하는 행위입니다. - 웹 어플리케이션이란 웹을 기반으로 작동되는 프로그램입니다. - 웹이란 1개 이상의 사이트가 연결hong-study.tistory.com👨‍💻JSP의 특징동적 웹 어플리케이션 컴포넌트 ( 자바 코드의 사용 가능 )JSP 확장자클라이언트의 요청에 동적으로 동작하고, 응답은 HTML을 이용한다.JSP는 웹 서버와 통신시에 자동으로 Servlet으로 변환된다.MVC 패턴에서 View로 이용한다.👨‍💻JSP 태그의 개념Servlet은 JAVA 언어를 이용하여 문서를 작성하고, 출력 객체를 이용하여 HTML코드를 삽입한다.JSP는 서블릿과 반대로 HTML코드에 JAVA언어를 삽입하여 동적문.. 2024. 5. 6.
[JSP] 서버와 클라이언트 👨‍💻웹 프로그래밍이란?- 웹 프로그래밍이란, 웹 어플리케이션을 구현하는 행위입니다. - 웹 어플리케이션이란 웹을 기반으로 작동되는 프로그램입니다. - 웹이란 1개 이상의 사이트가 연결되어 있는 인터넷 서비스의 한가지 형태입니다. - 인터넷이란 1개 이상의 네트워크가 연결되어 있는 형태를 말합니다👨‍💼 웹 어플리케이션의 장점사용자별도의 설치 없이 프로그램을 사용할 수 있기 떄문에 접근성이 용이하다.개발자사용자용 프로그램을 별도로 제작하지 않고, HTML을 이용하여 사용자UI를 구축하기 때문에, 개발 시간과 노력이 줄어든다.🎮 JSP 웹 어플리케이션의 장점풍부한 JAVA  API 를 사용하여 제작된다.JSP 기반의 웹 어플리케이션은 특정 운영체제가 아니더라도 호환성의 문제가 없다.실제 코드가 프로.. 2024. 5. 6.
프론트엔드 프로젝트 - 오늘의 집 클론 코딩 해당 프로젝트는 웹 화면을 구상할 때, 보통 높이 값을 지정하지 않는다.높이 값을 지정하지 않는 이유는 블럭을 만들어 쌓아서 내린다고 생각하면 되기 때문이다.이번 프로젝트는 쌓아서 내린다는 것에 초점이 맞춰져 있는 프로젝트이다. GitHub - CJH-developer/Today-s-House-Clone: 오늘의집 메인 화면 클론 코딩오늘의집 메인 화면 클론 코딩. Contribute to CJH-developer/Today-s-House-Clone development by creating an account on GitHub.github.com  오늘의 집 | Notion해당 프로젝트는 웹 화면을 구현할 때, Height에 대한 개념을 조금 더 쌓기 위해서 실시한 클론 코딩 프로젝트입니다.luxuri.. 2024. 4. 30.
프론트 엔드 프로젝트 - 대한 항공 메인 페이지 클론 코딩 해당 프로젝트는 Flex 구조의 이해와 JavaScript 및 JQuery 연습을 위해 구현한 웹페이지 클론 코딩입니다.  GitHub - CJH-developer/Clone_KoreaAirportContribute to CJH-developer/Clone_KoreaAirport development by creating an account on GitHub.github.com 2024. 4. 30.
[ 바둑 교육 홈페이지 구축 ] J EDU 는 최종 프로젝트로 (주)거민 시스템의 요구 사항 정의서를 기반으로 구현하였습니다.J EDU는 바둑 교육 홈페이지로, 바둑의 원할한 접근성 및 보급을 위해 개발되었습니다.기능과 화면에 관한 상세 설명은 아래 노션 페이지에서 확인하실 수 있습니다. GitHub - CJH-developer/JEDU: JEDU Project ( 바둑 교육 사이트 개발 프로젝트 )JEDU Project ( 바둑 교육 사이트 개발 프로젝트 ). Contribute to CJH-developer/JEDU development by creating an account on GitHub.github.com  J EDU - 바둑 교육 홈페이지 | NotionJ EDU 는 최종 프로젝트로 (주)거민 시스템의 요구 사항 정의서를.. 2024. 4. 25.
취업관리시스템 <figure id="og_1714420803792" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="article" data-og-title="J Career - LMS 취업 관리 솔루션 | Notion" data-og-description="J Career는 학교에서 재학생 또는 졸업생에게 제공하는 취업 정보 및 이력 관리 시스템입니다. 평소 학교의 취업 정보 시스템은 재학생들이 가까이 있음에도 불구하고 따로 구분되어 이용률이 저" data-og-host="luxurious-copper-0d5.notion.site" data-og-s.. 2024. 4. 6.
키오스크 ( 주문 관리 ) 프로젝트 키오스크란 ? 화면의 안내에 따라 터치스크린으로 스스로 주문하는 카드단말기로 사람과 대화하지 않고, 고객이 쉽게 이용할 수 있도록 설치된 무인단말기입니다. 고객이 직접 화면을 터치해 주문을 하고 결제까지 완료하는 결제시스템을 말합니다. 개요 사실 개요보다는 MVC Model 과 request / reponse 동작을 이해하는 데 초점을 맞춘 프로젝트를 진행하였습니다. "브이디컴퍼니"의 티오더 시스템은 많은 식당과 주류점에서 만날 수 있어 인상이 깊었는데, 클라이언트를 구성하는 과정과 내부 시스템이 어떻게 동작하는 지에 대해 공부할 수 있는 기회가 되었습니다. 브이디메뉴 | 국내최초 올인원 태블릿메뉴판 포스 연동으로 주문, 결제, 배달, 적립을 한 번에! www.vdmenu.co.kr 개발 일정 해당 프로.. 2024. 3. 8.
[JavsScript] API 활용 [JavaScript] 비동기 AJAX [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Fle hong-study.tistory.com API API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘이다. 예를 들어 카카오 소프트웨어 시스템에는 지도나 메신저 등의 데이터가 들어있고 이를 활용해 어려가지 기능을 구현 및 데이터를 받아서 사용할 수 있다. API는 Application Programming Interface .. 2024. 3. 7.
[JavaScript] 비동기 AJAX [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 hong-study.tistory.com [JavaScript] 이벤트핸들러 ( BOM ) [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Fle h.. 2024. 3. 7.
[JavaScript] 이벤트핸들러 ( BOM ) [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 hong-study.tistory.com BOM ( Browser Object Model ) BOM은 앞 선 DOM 문서에서 한 번 소개했듯이 브라우저 객체 모델이라 하고, 내장 객체들을 의미한다. window, location, history, document 등이 포함된다. BOM은 자바스크립트의 두 번째 강력한 기능이다. window 객체는 웹브라우저에 대한 전반적인 정보 취득이나.. 2024. 3. 7.
반응형

티스토리툴바