[REACT] React - 복습
2019.08.06(화) React - 복습 Ex01. 복습(props, state, event(button)) - 자식(자식 컴포넌트)에게 던지고 싶다면 props - 자신이 사용할 것이라면 state(객체 형식이다), state는 setstate를 이용해서 값을 갱신해야 한다. import React, { Component } from 'react'; class App extends Component { f1 = () => { console.log("App의 f1"); } render() { return ( App App 버튼 {/* props 사용 */} ); } } class Bpp extends Component { state = { number : 20, } f2 = () => { consol..
[DATABASE] Oracle install
1. 아래 Oracle 사이트에서 Oracle Database 12c Release 2 다운 https://www.oracle.com/technetwork/database/enterprise-edition/downloads/index-092322.html?source=:ow:o:h:mt:RC_APMK190520P00035C0006:YTTJC19_FI_AW_HI_P1_KR_C55_Q11_RT Oracle Database Software Downloads | Oracle Technology Network | Oracle Thank you for accepting the OTN License Agreement; you may now download this software. Oracle Database 19c..
[Project] Webserver And WAS
Static Pages와 Dynamic Pages 1. Static Pages Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다. 항상 동일한 페이지를 반환한다. 예) image, html, css, javascrit 파일과 같이 컴퓨터에 저장되어 있는 파일들 2. Dynamic Pages 인자의 내용에 맞게 동적인 contents를 반환한다. 즉, 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 * Servlet:WAS 위에서 돌아사는 Java Program 개발자는 Servlet에 doGet()을 구현한다. Web Server와 WAS의 차이(요약 정리) Web Server Web Server의 개념 소프트웨어와 하드웨어로 구분된다 하드웨어 ..
[HTML] 회원가입 양식 만들기
회원 기본 정보 아이디 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 확인 메일주소 예) id@domain.com 이름 개인 신상 정보 주민등록번호 - 예)123456-1234567 생일 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개
[REACT] React - props, state, import
2019.08.02(금) React - props, state, import 1. props vs state - props는 값을 갱신 할 수 없으며, state는 값을 갱신 할 수 있다. - props는 값을 상위 컴포넌트가 전달 하는 것이지만, state는 컴포넌트 자체에서 초기화하는 것이다. - state는 값을 갱신 할 수 있지만 setState() 함수를 사용해서 값을 갱신 할 수 있다. - setState() 함수의 갱신 형식은 객체의 구조를 따르고 있다. - setState() 함수는 비동기 함수이다. 예제를 보면 알겠지만 버튼1을 클릭했을 때 콘솔의 값을 보면 1이어야 되는데 0이 출력된다. setState() 함수는 비동기 함수이기 때문에 언제 값이 변경 될지는 모르지만 render() ..
[REACT] React 알기 - 특징, 환경설정, JSX 문법
2019.08.01(목) React React 특징, 환경설정, JSX 문법 1. MVM(Model-View-Whatever) 아키텍처 - Whatever은 '?' 라는 의미로 아무거나 들어 갈 수 있다는 의미다. 2. View - React는 MAC에서 View에 특화되어 있다. - React는 뷰만 담당한다. 3. DOM(Document Object Model) - 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성한다. - 트리 형태라서 특정 node를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입 할 수 있다. 4. Virtual DOM - 쉽게 말해 DOM을 copy 한 것이다. - 실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 JS 객체를 구성하여 사용한다. 데이터를 업데이..
[JAVA SCRIPT] Java Script function, Object, Array, Sort
2019.07.31(수) Java Script 함수 호출, 객체, 배열 사용 Ex01 // Ex01 // 자바스크립트는 함수 오버로딩이 성립되지 않는다. function f1() { console.log('나는야 f1()-1'); } function f1(a) { console.log('나는야 f1()-2'); console.log(a); } function f1(a, b) { console.log('나는야 f1()-3'); console.log(a, b); } // 3개 모두 f1(a, b)의 함수가 호출이 된다. // 즉, 가장 마지막에 컴파일 되었던 함수만 남고 나머지는 무시(제거)된다. f1(); console.log('------------'); f1(5); console.log('-------..