2024_풀스택학원 (37) 썸네일형 리스트형 Flutter * class로 ui를 만들어준다 Flutter (Dart)모든 ui 는 Widget으로 구성된다. == 비슷한 표현 - React의 모든 ui 는 functional component로 구성된다.두 종류의 widget으로 구분되는데 statefule widget- 상태 변수 useState 에 의해 ui의 변화가 발생 해야 하는 경우 사용 stateless Widget- 상태 변수와 무관하게 일관된 ui를 가지는 경우 사용 * 기본적으로 제공하는 양식 코드 [react] 프로젝트 생성 및 movies에 대한 CRUD 및 search 구현 1. 프로젝트 생성하는 명령어npx create-react-app quiz01 2. 해당 폴더로 이동 명령어cd .\quiz01\ 3. 프로젝트 시작 명령어npm start 전체 소스import logo from './logo.svg';import './App.css';import { useState } from 'react';function App() { // datas 상태를 초기화, 영화 객체 배열로 설정 // datas: 모든 영화 데이터를 포함하는 상태 const [datas, setDatas] = useState( [ { id: 1, title: "Inception", genre: "Science Fiction", publ.. 스프링 0702 * Framework * EJB (Enterprise Java Beans): 기업환경의 시스템을 구현하기 위한 서버 측 컴포넌트 모델이다. 일반적으로 업무 로직을 가지고 있는 서버 어플리케이션을 EJB라고 한다.- 무겁고 불편함 -> spring 나옴 * Spring(Light Weight(경량프레임워크) , POJO (Plain Old Java Object)) Legacy (구버전의 spring)- STS3(Spring Tool Suite) : JDK11 * SpringBoot - STS4 : JDK17 - Maven Dependecies : 라이브러리 관리자 (Lib Manager) pom.xml- Maven 과 나의 인터페이스 - pom.xml를 이용해서 Maven을 컨트롤함 > 주로 쓰이.. [JSP] 영화 목록 입력/ 출력/ 삭제/ 수정 기능 MovieDAOpackage dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Timestamp;import java.util.ArrayList;import java.util.List;import javax.naming.Context;import javax.naming.InitialContext;import javax.sql.DataSource;import dto.MovieDTO;public class MovieDAO { private static MovieDAO instance; public synchroniz.. [JSP] MVC2 MVC1 디자인 패턴: Model에 해당하는 데이터 처리 클래스만 분리되고, Controller와 View 가 함께 처리되는 디자인 패턴 단점1.-역할 분담이 어렵다 ( Servlet이 자바 코드인 Controller와 HTML코드인 View를 함께 작성하므로 역할 분리가 안된다.) 단점2. -Servlet에서 프론트 코드 작성은 너무나도 불편하다. * 단점 2를 해결하기 위해 JSP가 등장함. Servlet & JSP - Servlet = 1세대 - JSP = (Java Server Page) Servlet을 개선해서 나온 2세대 -> 동일한 목적으로 만들어진 문서 양식 JSP ?> 컴파일을 두 단계에 거쳐서 진행함 1단계 jsp->servlet 2단계 servlet->binaryhtml과 j.. [JSP] WAS, Tomcat 설치 , Servlet * Java* DBMS* FrontEnd - 회원가입폼/ 채팅인터페이스/ 매쉬업 등등의 각종 예제들 ...* BackEnd* Framework* Cloud/ Docker FTP Server- 파일 전송을 담당하는 서버로, 주로 파일을 업로드 하고 다운로드할 때 사용됨. * Web Server?- 정해진 규격(HTML)의 파일을 전송해주는 서버 - 주로 브라우저를 통해 클라이언트가 HTML 파일을 받아와 웹 페이지로 출력> 과거 웹 서버는 단순 파일 전송용으로 더 복잡한 기능은 구현할 수 없었음. 복잡한 기능 ex) 클라이언트 데이터 기록 또는 사용자 인증 등등.. * WAS(Web Application Server)?- 기존 정해진 규격의 문서 (HTML,CSS, JS) 뿐만 아니라 , 프.. [jQuery] 정규표현식 버튼 타입은 기본적으로 이다. form태그 안에서만 내장되어 있는 기능 - form태그와 submit은 같이 있는 때 기능이 활성화 된다. form 태그 내 입력필드안에 있는 값을 다 긁어 모은 데이터를 서버에 보냄 - action = "" 서버에 데이터 전송 전송 평범한 버튼 페이지 이동 유효성 검사 * 정규표현식( 문자열 패턴 매칭 기술 )- 범용성 기술 ( 언어에 제한 받지 않.. [jQuery] 0513 JQuery란?JavaScript 라이브러리목적1. 더 쉬운 자바스크립트 - 편의성 증가 목적 목적2. 브라우저 호환성 - 모든 브라우저에서 동일하게 동작하는 코드를 지원 jQuery 라이브러리의 핵심 객체는 jQueryjQuery를 매번 사용하는게 불편하여 $로 alias 되어있다. - 객체 참조는 $.- jQuery 함수 호출은 $() 특징1. jQuery 내에 사용할 기능 95% 이상은 전부 function특징2. CSS 선택자를 사용할 수 있음. js/jquery 출력형태1. JavaScript에서 DOM 요소 선택: JavaScript 의 document.getElementById() 메서드 사용하여 DOM요소 선택-> 해당 요소 자체가 반환됨2. jQuery에서 DOM요.. 이전 1 2 3 4 5 다음
