Web
객체지향이란?
- 처음부터 다시 개념을 확실히 하도록 하는 차원에서 객체 지향의 개념에 대해 정리해보도록 하겠다. 1. 객체 지향의 역사 - 객체 지향 이전 : C언어와 같이 실행하고자 하는 순서대로 명령어를 입력해서 실행되는 "절차 지향 언어"가 주를 이룸 -> 점점 프로그램의 복잡도(ex. GUI의 발전)가 증가하면서 유지 보수, 개발 기간에서 비효율이 발생하였다 - 객체 지향 이후 : 객체 지향의 특성인 추상화, 상속, 은닉, 재사용, 인터페이스등 여러 곳에서 객체지향을 활용해 개발. - 객체 지향의 특징 : 현실에 존재하는 사물을 있는 그대로 모델링하여, 이들의 행위와 속성을 정의하고, 객체가 중심이 되어 실제 사물이 동작하는 방식으로 설계하기 시작하였다. 사물 -> 객체 (Object), 사물이 하는 행위 -..
Scope이란?
- Scope이란 무엇인가? => 웹 프로그래밍을 하다 보면 약속된 객체들이 어느 범위 까지 유지가 되는지 정할 필요가 있다. - 4가지 scope 1) Application : 웹 어플리케이션이 시작되고 종료될 때까지 변수가 유지되는 경우 사용 2) Session : 웹 브라우저 별로 변수가 관리되는 경우 사용 (세션 객체가 생성되어 소멸될 때까지 -> 여러개의 요청이 들어와도 남아 있다.) 3) Request : http요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 사용 -> 하나의 요청이 들어와서 응답이 나갈때 까지 유지된다. 4) Page Scope: 페이지 내에서만 지역변수처럼 사용하고 유지된다. 1. Page Scope - PageContext 추상 클래스를 사용한..
Input 상태 관리 +useRef
1. 단일 Input 필드 상태 관리하기=> input에 입력하는 값이 하단에 나타나게 하고, 초기화버튼을 누르면 input 값이 비워지도록 구현을 해본다. -InputSample.js => 이번에도 useState를 사용하고, input의 onChange 이벤트를 사용하여 이벤트에 등록할 함수에서는 이벤트 객체 e를 파라미터로 받아와서 사용한다. 이 객체의 e.target은 이벤트가 발생한 Input DOM을 가리키게 된다. e.target.value로 접근하면 현재 input에 입력한 값이 무엇인지 알 수 있다. import React,{useState} from 'react'; function InputSample(){ const [text,setText]=useState(''); //초기값 설정 ..