IT EDU23

• 

  [WAS] Was 개념 정리 Static Pages와 Dynamic Pages Static Pages - Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다. - 항상 동일한 페이지를 반환한다. - Ex) image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일들 Dynamic Pages - 인자의 내용에 맞게 동적인 contents를 반환한다. - 즉, 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 * Servlet: WAS 위에서 돌아가는 Java Program - 개발자는 Servlet에 doGet()을 구현한다. MiddleWare Client - MiddleWare Server - DB Server(DBMS) 동작 과정 Clien.. IT EDU 2022. 3. 29.

• 

  [React] React Lifecycle - 생명주기 함수 ♻️React 컴포넌트의 생명주기 함수 Render() return 되는 html 형식의 코드를 화면에 그려주는 함수이다. 화면 내용이 변경돼야 할 시점에 자동으로 호출된다. import React, { Component } from "react"; import "./App.css"; class App extends Component { name = "호랑이"; render() { console.log(1); return ( App ); } } class Bpp extends Component { name = "호랑이"; render() { console.log(2); return ( Bpp ); } } export default App; Constructor() constructor(props) 함수는.. IT EDU/REACT 2022. 3. 28.

• 

  [React] React 기초 💻 Component 1. React Class Component(클래스형 컴포넌트) snippet : rcc import React, { Component } from "react"; // class형 component class App extends Component { render() { return ; } } export default App; 2. React Stateless Function(함수형 컴포넌트) snippet : rsf import React from 'react'; // 함수형 component function App(props) { return ( ); } export default App; snippet : rsc(람다형) import React from "react"; //.. IT EDU/REACT 2022. 3. 25.

• 

  [React] React 설치 및 기초 작업 React 리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지 보수된다 리액트는 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 한다. https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9B%B9_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC) 리액트 (웹 프레임워크) - 위키백과, .. IT EDU/REACT 2022. 3. 25.

• [JavaScript] map, reduce 메소드 💻 map() 메소드 arr.map(callback(currentValue[, index[, array]])[, thisArg]) 매개변수 callback : 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. -currentValue : 처리할 현재 요소 -index(optional : 사용해도 되고 안해도 되고) : 처리할 현재 요소의 인덱스 -array(optional : 사용해도 되고 안해도 되고) : map()을 호출한 배열 -thisArg(optional : 사용해도 되고 안해도 되고) : callback을 실행할 때this로 사용되는 값 반환값 배열의 각 요소에 대해 실행한 callback의 결과를 모은 새로운 배열. map() 메서드는 배열 내의 모든 요소 각각에 대하여 주.. IT EDU/JAVA SCRIPT 2022. 3. 23.

• [JavaScript] JavaScript 기초 🔹변수 선언 var type 을 통해 자동으로 변수에 알맞는 값을 할당. var 가 확장이 되어 let으로 변하고 있음. const(상수) : 초기화를 제외하고 값을 변경시킬 수 없는 값. var a = 10; console.log(a); let b = 20; console.log(b); const c = 30; console.log(c); 10 20 30 🔹typeof typeof() : 변수의 타입을 확인하는 함수. let a = 10; let b = 'Tiger'; let c = true; let d = 3.14; let e = []; // object type let f = {}; // object type let g = function(){} // function let h = undefined.. IT EDU/JAVA SCRIPT 2022. 3. 21.

• 

  [JavaScript] JavaScript 환경 설정 1. Node.Js 설치 (nodejs.org) 2. IDE - Vscode (code.visualstudio.com) 설치 3. 편의를 위한 라이브러리 설치 3.1. ESLint 3.2. Relative Path 3.3. Guides 3.4. Reactjs code snippets 3.5. Beautify 4. 프로젝트 생성 및 HelloWorld 출력 5. 기타 환경설정 5.1. console.log Snippets 5.2. main file 바꾸기 IT EDU/JAVA SCRIPT 2022. 3. 21.

• 

  [Spring] 스프링 부트 배포하기 (War 파일로 빌드) War 파일로 빌드 및 배포 1. pom.xml 프로퍼티 값을 war로 작성한다. 4.0.0 ... 생략 com.example Sts02 0.0.1-SNAPSHOT war ... 생략 2. pom.xml - jar와는 다르게 추가적으로 dependency의 추가가 필요하다. 이는 컴파일 단계에서만 tomcat 라이브러리를 이용(scope를 provided로 지정) 하고, 배포 이후에는 내장 tomcat이 아닌 이미 존재하는 tomcat 서버를 이용하기 위함이다. org.springframework.boot spring-boot-starter-tomcat provided 3. Sts02Application.java Spring Boot Application 클래스에 소스 추가하기 프로젝트에서 main 메소.. IT EDU/SPRING 2022. 3. 18.

• 

  [Spring] 스프링 부트 - Spring Boot 설치 및 기본 세팅 1. Spring Boot install 😵주의사항 1️⃣ 내장 Tomcat을 사용하고 있기 때문에 기존에 사용하고 있는 Tomcat은 비활성화해야 한다. (서버 충돌 방지) 2️⃣ index.jsp도 Controller가 있어야 한다. 3️⃣ 기존에 View가 필요하다면 Views 폴더 하위에 생성했다. Spring Boot 에서는 index.jsp도 Views 폴더 하위에 넣어주어야 한다. 4️⃣ 8080 port로 계속 작업하면 여러 가지 충돌이 생길 수 있기 때문에 8081 or 8082 등의 port를 사용하자. 5️⃣ 서버 실행 시 page가 자동으로 열리시 않는다. localhost:8081 등으로 web에 직접 입력해야 한다. 2. 프로젝트 생성 Name : Sts01 Java Versio.. IT EDU/SPRING 2022. 3. 18.

• [Java] 자바 정규 표현식 (Pattern, Matcher) 정규 표현식 이란? 정규표현식(Regular Expression)이란 컴퓨터 과학의 정규언어로부터 유래한 것으로 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 쓰이는 형식언어 이다. 개발을 하다보면 전화번호, 주민등록번호, 이메일등과 같이 정해져있는 형식이 있고 사용자가 그 형식대로 제대로 입력했는지 검증을 해야하는 경우가 종종 있다. 이런 입력값을 정해진 형식에 맞는지 검증해야 할 때에는 정규표현식을 사용하면 쉽게 구현할 수 있다. 자주 사용하는 정규 표현식 정규 표현식 설명 ^[0-9]*$ 숫자 ^[a-zA-Z]*$ 영문자 ^[가-힣]*$ 한글 \\w+@\\w+\\.\\w+(\\.\\w+)? E-Mail ^\d{2,3}-\d{3,4}-\d{4}$ 전화번호 ^01(?:0|1|[6-9])-(?:\d{.. IT EDU 2022. 3. 18.

• 

  [Spring] MVC 데이터 전송 예제 index.jsp Hello World 링크1 링크2 name 보내기(@RequestParam) name age 보내기(@RequestParam) name age 보내기(HttpServletRequest request) TigerView로 데이터 전송 name age 보내기(toss toss) Tiger.java 💱Controller package Pack01; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping.. IT EDU/SPRING 2022. 3. 10.

• 

  [Spring] MVC를 위한 Maven 프로젝트 생성 MVC를 위한 Maven 프로젝트 생성 setting 1 setting 2 pom.xml 4.0.0 Mvc01 Mvc01 war 0.0.1-SNAPSHOT Mvc01 Maven Webapp http://maven.apache.org junit junit 4.13 test org.springframework spring-webmvc 5.3.10 javax.servlet javax.servlet-api 4.0.1 javax.servlet.jsp jsp-api 2.2 javax.servlet jstl 1.2 org.apache.maven.plugins maven-compiler-plugin 3.0 11 11 org.apache.maven.plugins maven-war-plugin 3.3.2 setting 3.. IT EDU/SPRING 2022. 3. 10.