SIKI TISORY

JSX (JavaScript Syntax Extension)JSX란?JSX는 JavaScript의 확장된 문법으로, HTML과 유사한 형태의 마크업을 JavaScript 코드 내에서 작성할 수 있도록 도와줍니다. 이는 React와 자주 함께 사용되지만, JSX와 React는 서로 별개의 개념입니다. React는 JavaScript 라이브러리이며, JSX는 그저 문법일 뿐입니다. 따라서 JSX 없이 React를 사용하거나, JSX를 다른 환경에서도 사용할 수 있습니다.JSX의 규칙부모 태그로 감싸기JSX에서 여러 개의 엘리먼트를 반환할 때는 반드시 하나의 부모 태그로 감싸주어야 합니다. 이를 지키지 않으면 오류가 발생합니다. 부모 태그로 사용할 수 있는 것은 HTML의 , 과 같은 모든 태그가 해당됩니다...

React 개요React는 단일 페이지 애플리케이션(SPA)을 개발하기 위한 대표적인 자바스크립트 라이브러리입니다. SPA는 하나의 페이지에서 필요한 부분만 변경되기 때문에 빠른 페이지 전환 속도를 제공하며, 서버 자원을 효율적으로 사용할 수 있습니다.React의 장점방대한 커뮤니티와 레퍼런스를 보유컴포넌트 기반 구조로 모듈화된 개발 가능모바일 앱 개발 지원 (React Native)JSX를 사용하여 자바스크립트만으로 UI와 DOM 구현 가능React의 단점JSX와 컴포넌트 기반 접근 방식에 대한 러닝 커브가 높음지원되는 라이브러리가 많아 선택에 어려움이 있을 수 있음복잡한 상태 관리프로젝트 규모가 커질수록 성능 저하 가능성주요 라이브러리react-router: 리액트 내에서 페이지 이동(URL 이동)을..

MVC 패턴 구현하기(UPDATE)• MVC – boardEnrollForm.jsp • MVC – boardUpdateController • MVC – BoardService • MVC – BoardServiceImpl • MVC – DatabaseConnection• MVC – BoardDAO • DTO 사용firstName, employeeId 변수에 대한 getter/setter를 생성하고 컨트롤러에서 DTO 객체로 사용하기 * 값 할당은 setter 또는 생성자 MVC 패턴 구현하기(SELECT)• MVC – memberList.jsp• MVC – SelectController• MVC – MemberService• MVC – MemberServiceImpl • MVC – MemberDAO• MV..

프로그래밍 기초 - MVC 개요 MVC (Model – View - Controller)MVC 개념MVC는 소프트웨어 개발에서 사용되는 디자인 패턴으로, 모델, 뷰, 컨트롤러로 분리하여 개발하는 방법론입니다.MVC의 장점유연성: 구성 요소를 분리하여 개발하므로 각 부분을 독립적으로 수정하거나 확장하기 용이합니다.유지보수성: 코드의 가독성이 좋고 유지보수에 용이합니다.확장성: 새로운 기능이나 모듈을 추가하기가 용이합니다. MVC 구성 요소모델(Model)데이터 처리를 담당하며, 데이터베이스 또는 외부 소스와 상호작용을 처리합니다.뷰(View)사용자에게 데이터를 시각적으로 보여주기 위한 파일들이 위치한 곳입니다. 예를 들어 index.jsp, board.jsp 등이 있습니다.컨트롤러(Controller)모델..

프로그래밍 기초 - 폴더 구조 관리하기사전 준비1. webapp 아래에 index.jsp 파일을 생성하고, Quiz3 - home.html 코드를 붙여넣기.2. views 폴더 생성3. 기능별 폴더 생성4. 사용했던 .html 파일들을 각 폴더에 맞게 JSP 파일로 삽입.  폴더 구조 관리하기 (CSS)1. src/main/webapp/resources 폴더 추가.2. src/main/webapp/resources 아래에 css, js 폴더 추가.3. 위에서 생성한 css 폴더 아래에 board, common, member 폴더 생성. 폴더 구조 관리하기 (CSS 파일 분리) 1. 가져온 main.css 파일 나누기 - membermember.css 파일 생성 및 main.css의 "로그인/회원가입 폼 ..

프로그래밍 기초 - Data ResponseData Response 프로그래밍 기초 - Data Response서블릿에서 사용자에게 데이터를 응답하는 방식은 크게 두 가지로 나눌 수 있습니다:HTML 코드를 모두 작성하여 응답하는 방식이 방식은 아주 오래된 방식으로, JSP가 나오기 이전에 주로 사용되었습니다.데이터(변수)를 응답하는 방식JSP를 활용하여 데이터를 응답하며, HTML 코드는 JSP가 담당합니다. Data Response - 옛날 방식 예제옛날 방식에서는 서블릿 코드 내에서 모든 HTML을 작성하여 클라이언트에게 응답했습니다. 예를 들어, GetSubmitController에서 HTML 코드를 작성하여 응답하는 방식입니다.Data Response - 요즘의 자바 방식 (JSP)현대의 자바 ..

GET과 POST 방식의 URL 매핑웹 개발에서 URL 매핑은 클라이언트의 요청을 서버의 특정 코드와 연결해주는 중요한 과정입니다. 이 글에서는 GET과 POST 방식의 URL 매핑에 대해 자세히 알아보겠습니다. 수업 준비1. GET 방식 실습 준비GET 방식은 데이터를 URL에 포함시켜 서버에 요청하는 방식입니다. URL에 모든 요청 데이터가 노출되므로, 데이터 조회 등의 작업에 주로 사용됩니다.HTML 예시 코드먼저, src/main/webapp 폴더 아래에 ex1 폴더를 생성하고, getRegister.html 파일을 만들어줍니다. 다음은 기본적인 회원 가입 폼의 예시 코드입니다.              회원 가입                                       사용자 이름..

1. Servlet이란?Servlet은 자바를 사용하여 웹페이지를 동적으로 생성하는 서버측 프로그램입니다. 클라이언트의 요청을 받아 처리하는 기술로, 웹 애플리케이션 개발에서 많이 사용됩니다. 2. Dynamic Web Project 생성하기Servlet을 사용하기 위해서는 Eclipse에서 Dynamic Web Project를 생성해야 합니다. 다음은 프로젝트 생성 방법입니다 1. Eclipse에서 우클릭 후 New → Other → Web 폴더를 열고 Dynamic Web Project를 선택합니다.2. 프로젝트 이름을 입력하고 Next를 누릅니다.3. 소스 파일 컴파일 시 .class 파일을 저장할 경로 설정 화면에서 기본 설정을 유지하고 Next를 진행합니다.4. Context root, Cont..

Servlet이란?웹 애플리케이션의 세계에서 Servlet은 Java 프로그래밍 언어를 사용하여 서버 측에서 실행되는 작은 프로그램입니다. Servlet은 클라이언트의 요청을 처리하고, 그에 대한 응답을 생성하여 웹 브라우저에 전달하는 역할을 합니다. 이 글에서는 Servlet의 기본 개념, 작동 원리, 장점 및 사용 예제에 대해 살펴보겠습니다.  1. Servlet의 기본 개념Servlet은 Java EE (Enterprise Edition)의 핵심 구성 요소로, Java 언어로 작성된 서버 측 컴포넌트입니다. Servlet은 HTTP 요청을 수신하고, 이를 처리한 후 HTTP 응답을 생성하여 클라이언트에게 전달하는 방식으로 작동합니다. 웹 서버와 연결되어 있으며, 주로 JSP (JavaServer P..

◈ OBJECT(SEQUENCE)◈ • SEQUENCE번호를 자동으로 증가시켜주는 역할을 수행하는 객체일반적으로 회원 번호, 게시글 번호 등 식별자 역할을 하는 PRIMARY KEY에 자주 사용됨 • 표현법CREATE SEQUENCE 시퀀스이름START WITH 시작값INCREMENT BY 증가값MAXVALUE 최대값MINVALUE 최소값CYCLE/NOCYCLECACHE 바이트크기/NOCACHE • 캐시 메모리발생할 값들을 미리 생성하여 저장해 두고, 메모리 공간에 미리 생성된 값을 가져다가 사용하여그때 그때 생성하여 사용하는 것 보다 속도가 빨라짐시퀀스의 캐시 메모리 기본 값은 20Byte • SEQUENCE시퀀스 생성 및 테스트 테이블 생성  시퀀스명.nextval 을 입력하여 시퀀스 실행 가능  여..