프로젝트 진행 공부20 6장 상태 정보 유지 기술 HTTP 프로토콜의 통신 방식은 클라이트에게 서버가 응답을 보내는 즉시 끊어지기 떄문에 연결 상태가 유지되지 않는 무상태 통신 방식이다. 때문에 전 요청의 처리 결과가 저장이 되지 않는다. 고로 해당 결과를 서버/클라이언트에 저장하는 정보를 상태 정보라고 함 저장 위치에 따른 저장 기술 (1) 클라이언트 - 쿠키 javax.servlet.http.Cookie (2) 서버 javax.servlet.ServletContext javax.servlet.http.HttpSession javax.servlet.http.HttpServletRequest 유지 기간에 따른 저장 기술 (1) 웹 애플리케이션 단위 javax.servlet.ServletContext (2) 클라이언트 단위 javax.servlet.htt.. 2022. 10. 24. 5장 서블릿 설정과 변수 web.xml WebContent 하위에 있는 파일 서버가 시작할 때 웹서버가 사용하는 파일 웹 어플리케이션 서비스 시행에 관한 전반적인 내용을 정의하는 환경설정 파일 매칭하려는 서블릿을 등록 서블릿에 변수를 전달할 때 사용 클라이언트의 요청이 있어야 객체를 생성하는 서블릿의 일반적인 상황과 달리 요청과 상관없이 웹 서비스가 시작될 때 서블릿 객체를 생성할 수 있다. 태그 내의 숫자로 우선순위를 설정한다. ServletConfig 해당 객체는 서블릿이 실행될 때 메모리 로딩 - 서블릿 객체 생성 후 자동으로 생성된다. web.xml 에 설정한 정보를 서블릿 페이지 내에 추출하기 위해 사용한다. GenericServlet 객체가 ServletConfig 인터페이스를 상속 받으므로 init(ServletCo.. 2022. 10. 24. 4장 질의 문자열 클라이언트 -> 서버 전달 encoding 규칙 name = value 형식으로 전달, 쌍이 있으면 &으로 구분 영문자, 숫자, 아스키 문자코드는 그대로 전달 / 나머지는 %기호와 함께 16진수로 바뀜(복원 처리 필요) 공백은 +로 표현됨 Html의 form 단위로 데이터를 전송 텍스트와 펼침 목록은 name에 버튼 류는 value에 서버에 전달할 값을 저장해서 보낸다. action의 속성값이 / 로 시작하지 않으면 상대 경로가 지정 된다. java 소스 Webservlet에는 URI 앞에 /가 같이 붙어야만 한다. GET 단순 서버의 데이터를 가져오는 요청 form에서 method를 생략하거나 URL을 입력, 태그로 요청을 하면 GET으로 요청된다. URI 제한(255바이트)이 있으므로 짧.. 2022. 10. 24. 1~3장 Web 서버 Web을 이용할 수 있게 해주는 서버 WAS (Web Application Server) Web 서버쪽으로 요청 온 '코드'를 실행 시킬 수 있게 해주는 서버 즉, 서버 내부에서 동적인 코드를 실행할 수 있다. 이 코드 실행으로 DB에서 데이터를 뽑아오는 것 (ex.Tomcat) Server Application WAS 를 활용할 수 있게 해주는 프로그램 JSP Html로 구현되는 Server Application 뷰 페이지를 만들 때 사용. 뷰는 단순히 클라이언트가 보는 화면 동적인 요소도 포함한다. Servlet 자바로 구현되는 Server Application 뷰에서 들어온 요청을 '받아서 처리'하는 컨트롤러 페이지를 만들 때 사용. tomcat Web 서버이자 WAS tomcat의 R.. 2022. 10. 19. 7장 요점 정리 7장 수정기능 구현 삭제기능 구현 검색기능 구현 달력기능 구현 옵셔널 체이닝(optional chaining) 문법 null이거나 undefined일 수 있는 객체의 프로퍼티를 에러 없이 접근 가능 아래의 두개의 예를 보자. 두 구문은 같은 의미이다. const log = route.params?.log; const [title, setTitle] = useState(log?.title ?? ''); const [body, setBody] = useState(log?.body ?? ''); const log = route.params ? route.params.log : undefined; const [title, setTitle] = useState(log ? log.title : ''); const .. 2022. 10. 11. 6장 요점 정리 6장 다이어리 어플 만들기 내비게이션 설정 Context API를 사용한 전역 상태 관리 Context에서 유동적인 값 다루기 children Props 여러줄 작성 및 포커스 이동 uuid 라이브러리 date-fns를 사용한 날짜 포맷팅 Animated를 사용한 애니메이션 효과 Context API 리액트에 내장된 기능으로 Props를 사용하지 않아도 특정 값이 필요한 컴포넌트끼리 쉽게 값을 공유 Context를 만들 때는 createContext 함수를 사용 Context를 만들면 LogContext.Provider라는 컴포넌트와 LogContext.Consumer라는 컴포넌트가 생성. Provider는 Context 안에 있는 값을 사용할 컴포넌트들을 감싸주는 용도로 사용 Consumer는 사용하고.. 2022. 10. 11. 5장 요점 정리 5장 네비게이션 한 창에서 다른 창 이동할 때에 관한 내용 사이드 바(드로어)를 만들 수도 있다. 상단, 하단 탭으로 만들어서 이동 여러 화면으로 구성된 애플리케이션을 만들려면 내비게이션(navigation) 관련 서드 파티 라이브러리를 사용 종류는 아래와 같다. react-navigation: 리액트 네이티브 커뮤니티에서 관리, 사용률이 가장 높은 라이브러리. 리액트 공식 매뉴얼에서도 이 라이브러리로 화면을 전환하는 방법을 소개 내비게이션 기능이 자바스크립트로 구현 react-native-navigation: 홈페이지 제작 서비스 Wix에서 관리 이미 만들어진 네이티브 앱에 리액트 네이티브를 적용하는 경우 사용하기에 더 적합 내비게이션 기능이 각 플랫폼의 네이티브 코드로 구현 아래의 구문을 터미널에 쳐.. 2022. 10. 6. 4장 요점 정리 4장 객체와 배열 타입의 상태를 다룰 때는 불변성(immutability)을 지켜야 함 => 해당 객체를 직접 건드리지 않고 다른 객체를 만들어 덮어 씌워야 한다는 말 ...info는 spread 연산자 문법 아래처럼 펼쳐 넣는다고 생각하면 된다. 세번째 줄처럼 하면 b의 값이 만들어진 새로운 객체 안에서 덮어씌워진다. const object = { a: 1, b: 2, c: 3 }; const anotherObject = { ...object, d: 4 }; const anotherObject = { ...object, b: 4 }; 항목 추가하기 : spread 사용 / concat 사용 항목 제거하기 : filter 항목 수정하기 : map 아래처럼 filter 함수에 넣는 인자 중 두 번째 파라미.. 2022. 10. 4. 3장 요점 정리 3장 색상 코드를 정할 때는 Material Color(https://material.io/resources/color)를 주로 참조 색마다 코드가 뭔지 보기 쉽게 되어 있음. 현재 시간을 가져올 때는 Java Script의 Date 객체를 사용 Date의 기본 사용법 및 내장된 메서드를 확인 => ( http://bit.ly/mdn-date ) 시뮬레이터를 가동할 때 새로운 터미널 창으로 뜨는 것 = Metro Bundler 시뮬레이터에서 개발자 메뉴를 띄우는 방법 iOS에서는 윈도우 + D, 안드로이드에서는 윈도우 + M 윈도우와 리눅스에서는 Ctrl + M 시뮬레이터에서 개발자 메뉴를 띄우는 방법 크롬 브라우저 기준 맥OS에서는 윈도우 + 사람 얼굴 모양 같은거 + I 윈도우에서는 Ctrl + Sh.. 2022. 10. 4. 1, 2장 요점 정리 1장 자바스크립트의 코드 규칙을 일관성 있게 작성하고, 잠재적인 코드 실수를 방지하는 도구 => 바로 ESLint 들여쓰기, 세미콜론, 따옴표 등의 규칙을 한번에 정리 => Prettier 해당 에러가 자동으로 고쳐지게 만드는 방법은 아래 블로그 참고 https://arajo.tistory.com/366 2장 컴포넌트(component) : 구성요소 SafeAreaView : 디스플레이의 보이지 않는 영역 및 최하단 영역에 내용이 보여지는 것을 방지 View : 가장 기본적인 컴포넌트로 레이아웃 및 스타일을 담당. Text : 텍스트를 보여주는 역할. 웬만하면 function 함수로 컴포넌트를 선언해라. 대세임. JSX에서 자바스크립트 표현식을 보여줘야 할 때는 중괄호 ' {}' 로 감싸서 작성하면 됨... 2022. 9. 30. 이전 1 2 다음 728x90 반응형
