Language

[ 학습 목표 ] - 리액트에서 페이지를 구성하는 컴포넌트 개념을 이해하고 html과 css 소스를 적용해 본다. - 컴포넌트의 생성부터 소멸까지의 과정을 생명주기라고 하는데 이 과정에 실행되는 생명주기 함수의 실행 순서를 확인해본다. - 리액트에서 자주 사용하는 ES6 문법과 배열 함수, jquery에 대해 학습한다. 001 _ .jsx에 html 적용하기 yarn install 명령어란, 해당 패키지(여기서는 001 패키지)의 package.json 의 코드들을 보고 필요한 modules 들을 만들어줘서 생기게 해준다. 패키지 실행은 vs-code의 터미널 창에 yarn start 명령어를 입력하면 된다. yarn start 해서 패키지를 실행시키면 index.js 가 가장먼저 실행이 된다. func..

깃으로부터 리액트 다운받기 cmd 명령어 창을 띄우고 다음의 명령어를 입력한다. Node.js 설치 - 다운로드 & 설치 - 다운로드 : https://nodejs.org/dist/v16.13.0/ - 설치파일 : node-v16.13.0-x64.msi cmd 명령어 창을 켜서 위의 사진과 같이 버전을 확인해보쟈 yarn 설치와 리액트 앱 생성 1) yarn 설치 npm으로 yarn을 설치한다. 아래와 같이 cmd 창에서 yarn install -g yarn 해서 설치하기 2) 리액트 앱 생성 Visual Studio code 를 실행시키고 터미널을 켜고 다음의 사진에 나오는 것처럼 순서대로 명령어를 실행시킨다. 위의 코드 명령어를 입력하면 아래와 같이 창이 나온다. 리액트 앱 생성하면 아래의 사진처럼 ..

1. JSTL 이란?- JSP Standard Tag Library : 널리 사용되는 커스텀 태그를 표준으로 만든 태그 라이브러리- JSP 페이지에서 많이 사용되는 논리적인 판단, 반복 처리, 포맷 처리를 위한 커스텀 태그를   표준으로 만들어서 정의한다. * JSTL은 가독성이 좋아지고 코드가 간결해진다는 장점을 가지고 있다.* 널리 사용하는 태그들을 표준으로 만들어서 라이브러리화 시킨것을 JSTL 이라고 한다.* 커스텀태그로 직접 태그를 만들 수 있다! 하지만 우리는 커스텀태그(16장) 안배울것임  0) { for (int i=0; i 이렇게 출력하라는 코드를 적어줘야한다. --> ... 데이터가 없습니다. ${data.titl..

* JSP의 구성요소 1. 디렉티브 : JSP 페이지에 대한 설정 정보를 지정할 때 사용 ${name} #{sessionScope.name.id}님 환영합니다. * 코드와 코드는 같은 코드이다. * >${sessionScope.memeber.id} 코드는 session 객체 안에 들어있는 member라는 속성값 안에 들어있는 id 값을 출력하라 라는 뜻이다. * 위의 코드 c 는 액션태그 -> 변수를 지정해준다. 이 코드는 표현식으로 나타낸 것이고 이코드를 바로 다음 아래줄처럼 표현언어로 적은 것이다. 2. EL 기초 [ 1. EL의 데이터 타입과 리터럴 ] - EL은 불리언(Boolean) 타입, 정수 타입, 실수 타입, 문자열 타입, 그리고 널 타입의 5가지 타입을 제공한다. ${10}은 정수, ${..

* 브라우저별로 세션이 생긴다. - 서버 세션을 사용하면 클라이언트의 상태를 저장할 수 있다. - 쿠키와의 차이점 : 세션은 브라우저가 아니라 서버에 값을 저장한다는 점 1. 세션 사용하기 : session 기본 객체 - 웹 컨테이너에서 클라이언트의 정보를 보관할 때 사용 - 오직 서버에서만 생성 - 클라이언트마다 세션이 생성 [ 1. 세션 생성하기 ] - JSP에서 세션을 생성하려면 다음과 같이 page 디렉티브의 session 속성을 "true"로 저장하면 된다. * true가 디폴트 값이다. [ 2. session 기본 객체 ] - 웹 서버는 웹 브라우저에 세션 ID를 전송한다. 웹 브라우저는 웹 서버에 연결할 때마다 매번 세션 ID를 보내서 웹 서버가 어떤 서버가 어떤 세션을 사용할지 판단할 수 ..

[ 목차 ] 1. JSP에서 HTML 문서를 생성하는 기본 코드 구조 2. JSP 페이지의 구성 요소 3. page 디렉티브 4. 스크립트 요소 5. request 기본 객체 6. response 기본 객체 7. JSP 주석 1. JSP에서 HTML 문서를 생성하는 기본 코드 구조 - JSP 코드를 작성하는 주된 목적 : 웹 브라우저에 보여 줄 HTML 문서를 생성하는 것 // HTML 문서를 생성하는 전형적인 JSP 코드 ()입니다. 2. JSP 페이지의 구성 요소 [ 1. 디렉티브 ] - JSP 페이지에 대한 설정 정보를 지정할 때 사용한다. - 구문 : - 제공 디렉티브 - page : JSP 페이지에 대한 정보(문서의 타입, 출력 버퍼의 크기, 에러 페이지 등)를 지정 - taglib : 사용할 ..