본문 바로가기

분류 전체보기218

02/20 57회차 웹서버 개발- 라이브러리와 프레임 워크의 차이 라입러리는 드러내도되고 프레임워크는 드러내면 안된다. 라이브러리(Library)와 프레임워크(Framework)는 모두 코드를 재사용하고 개발 시간을 단축하는 데에 도움이 되는 도구들입니다. 그러나 라이브러리와 프레임워크는 다음과 같은 차이점이 있습니다. 1. 제어의 흐름(Flow of Control) 차이 라이브러리는 개발자가 작성한 코드에서 필요한 기능을 호출해서 사용합니다. 따라서 라이브러리는 개발자가 직접 코드의 흐름을 제어합니다. 반면에 프레임워크는 개발자가 작성한 코드를 프레임워크가 호출하고, 프레임워크에서 제어 흐름을 관리합니다. 2. 추상화(Abstraction) 차이 라이브러리는 보통 단일 기능을 제공하며, 이를 구현한 인터페이스를 제공합니다. 반면에 프레.. 2023. 2. 20.
02/20 Spring 프레임 워크 설치하기& 기본설정(Maven/Gradle, UTF-8) https://spring.io/tools Spring | Home Cloud Your code, any cloud—we’ve got you covered. Connect and scale your services, whatever your platform. spring.io 일단 수업은 이클립스로 하므로 이클립스 버전 선택해서 설치한다. 1.Maven방식으로 만들기 File-New-Sprint Start Project 눌러준다. War는 웹서비스 위한 압축방식이다. 마이바티스로 하면 너무 자동이기때문에 연습 위해 오라클만 선택한다. 네가지 체크후 피니쉬 누른다. 생성하는데 조금 시간이 걸린다. 나중에 한글이 깨지는것을 방지하기 위해서 CSS, JSP, HTML 등 모두 UTF-8로 설정을 바꿔준다. 다.. 2023. 2. 20.
02/17 56회차 수업 - RESTful API, JSP, Servlet정리 웹 서비스( Web service)는 웹을 통해 제공되는 소프트웨어 시스템입니다. 일반적으로 클라이언트-서버 아키텍처를 기반으로 하며, 다양한 클라이언트에서 액세스할 수 있도록 설계되어 있습니다. 웹 서비스는 네트워크를 통해 데이터를 주고받을 수 있으며, 일반적으로 XML 또는 JSON과 같은 표준 데이터 형식을 사용합니다. RESTful API(Representational State Transfer API)는 웹 서비스의 한 유형입니다. RESTful API는 웹 리소스에 대한 CRUD(Create, Read, Update, Delete) 작업을 수행하는 API입니다. RESTful API는 HTTP 프로토콜을 사용하여 작동하며, URI(Uniform Resource Identifier)를 사용하여 .. 2023. 2. 17.
02/16 54회차 수업 JSP MyBatis란? 객체 지향 언어인 자바의 관계형 데이터베이스 프로그래밍을 좀 더 쉽게 할 수 있게 도와 주는 개발 프레임 워크로서 JDBC를 통해 데이터베이스에 엑세스하는 작업을 캡슐화하고 일반 SQL 쿼리, 저장 프로 시저 및 고급 매핑을 지원하며 모든 JDBC 코드 및 매개 변수의 중복작업을 제거 합니다. Mybatis에서는 프로그램에 있는 SQL쿼리들을 한 구성파일에 구성하여 프로그램 코드와 SQL을 분리할 수 있는 장점을 가지고 있습니다. 서블릿을 사용하기위해서는 상속을 반드시 받아야 한다.!!! 웹서비스를 위해서는 request와 response를 주입 받아야한다. 제어역행이다. 사용을 잘못하면 NullPointException이 일어날수있다. 서버는 WAS 이다. 우리는 톰캣쓴다. web.x.. 2023. 2. 17.
02/16 54회차 수업 JSP MyBatis란? 객체 지향 언어인 자바의 관계형 데이터베이스 프로그래밍을 좀 더 쉽게 할 수 있게 도와 주는 개발 프레임 워크로서 JDBC를 통해 데이터베이스에 엑세스하는 작업을 캡슐화하고 일반 SQL 쿼리, 저장 프로 시저 및 고급 매핑을 지원하며 모든 JDBC 코드 및 매개 변수의 중복작업을 제거 합니다. Mybatis에서는 프로그램에 있는 SQL쿼리들을 한 구성파일에 구성하여 프로그램 코드와 SQL을 분리할 수 있는 장점을 가지고 있습니다. 서블릿을 사용하기위해서는 상속을 반드시 받아야 한다.!!! 웹서비스를 위해서는 request와 response를 주입 받아야한다. 제어역행이다. 사용을 잘못하면 NullPointException이 일어날수있다. 서버는 WAS 이다. 우리는 톰캣쓴다. web.x.. 2023. 2. 16.
02/15 53회차 수업 JSP Servlet 자바스크립트 정규식 http://eartsquare.co.kr/bbs/board.php?bo_table=JAVASCRIPT&wr_id=4 자바스크립트 정규표현식 아이디 체크 (영문+숫자) > | 아트스퀘어 기본적으로 자바스크립트에서 정규표현식은 / (슬래쉬)로 감싼다 eartsquare.co.kr [영문 대문자 또는 소문자로 시작하는 아이디, $는 끝날때 영문 대문자 또는 소문자] var idReg = /^[A-za-z]$/g; [영문 대문자 또는 소문자로 시작하는 아이디, 끝날때 제한 없음] var idReg = /^[A-za-z]/g; [영문 대문자 또는 소문자 또는 숫자로 시작하는 아이디, 끝날때 영문 대문자 또는 소문자 또는 숫자] var idReg = /^[A-za-z0-9]$/g; [영문 대문.. 2023. 2. 15.
02/15 시험 1. 요구한 내용에 따라 파일들를 작성한 다음, 작성한 모든 파일을 수강생이름.ZIP 파일로 압축하여 제출하시오. [요구사항] 1. 제시된 화면과 같은 화면을 만드시오. 2. 아이디를 입력 후 중복확인 버튼을 클릭했을 때, 1-1) 첫글자는 영어 소문자로 시작하고 숫자, !, @, # 로만 이루어진 6~12글자 사이 문자열인지 검사 -->정규식사용하기 1-2) 형식이 일치하지 않을 경우 아이디 입력창 배경색을 빨간색으로 변경 1-3) 형식이 일치할 경우 아이디 입력창 배경색을 초록색으로 변경 3. 회원가입 버튼 클릭 시 지역이 선택되지 않은 경우 경고창(==대화상자) "지역을 선택해주세요" 출력 후 회원가입이 진행되지 않게 함 if뮨 탈출 : return for문 탈출 : break 4. 초기화 버튼 클.. 2023. 2. 15.
02/14 52회차 수업 - 이벤트 버블링 방어 event.PreventDefault() GET메소드 링크를 걸 수 있다. 쿼리스크링 헤더에 걸 수 있다. url 메인메소드가 아니다. 요청을 uniform resource rocate http protocol Stateless 특징을 갖고있다. 비상태 프로토콜 https는 인증서를 받은 서비스라는 뜻 도메인 url에서 ?뒤에 ===> 쿼리 스트링 쿼리스트링 뒤에 &를 쓰는경우 비밀번호 아이디 둘다 맞아야 한다. 교집합이다. 네트워크 신호에 패킷을 실어 보낸다. 헤더부분에 get방식의 데이터가 들어있다. 프로토콜 통해서 전송 할 수 있다. RESTFul API 1.get 2.post 3.put 4.delete 브라우저가 읽을 수 있는것 JSON 액션에는 서블릿 or JSP 자바에서는 http프로토콜을 지원안한다. 그래서 자바로 할 수 없다. A.. 2023. 2. 14.
02/13 51회차 JavaScript 수업 노트 정리(동기 비동기) https://cotak.tistory.com/103 [Node.js] 모듈화에 사용되는 module.exports와 exports의 차이 module.exports와 exports의 차이를 살펴보던 중 쉬운 설명과 깔끔한 코드로 간단하게 설명해준 글(링크)이 있어 공부차 참고하여 포스팅하게 되었다. 1. 모듈이란? 모듈은 특정한 기능을 하는 함수나 cotak.tistory.com 1. 모듈이란? 모듈은 특정한 기능을 하는 함수나 변수들의 집합이다. 코드의 길이를 줄이고, 유지보수를 용이하게 할 수 있다는 장점이 있다. 이러한 모듈을 export하는 두 가지 방법인 module.exports와 exports의 차이점을 알아보자. 반드시 package.json에 type : "module"을 추가해준다. .. 2023. 2. 13.
02/13 OpenWheather API/ KakaoMap API 사용하기 1.날씨 API 사용하기 https://home.openweathermap.org Members Enter your email address and we will send you a link to reset your password. home.openweathermap.org 무료 날씨예보 API를 사용할수있는 사이트^^ 제이쿼리 이용해서 html만들어준다. 1) 날씨 아이콘넣기 https://openweathermap.org/weather-conditions Weather Conditions - OpenWeatherMap Weather Conditions Home Weather Conditions openweathermap.org 2) 시간과 온도 정보 가져오기 현재시간 => 현재온도 => 최고온도 =.. 2023. 2. 13.

티스토리툴바