Free Will

✔ 서블릿 클래스를 작성할 때 지켜야할 규칙 세가지 1. javax.servlet.http.HttpServlet 클래스를 상속해야한다 2. doGet 또는 doPost 메소드 안에 웹브라우저로부터 요청이 왔을때 할일을 작성한다 3. HTML 문서는 doGet 또는 doPost 메소드의 두번째 파라미터인 HttpServletResponse를 이용해 출력한다 import java.io.IOException; import java.io.PrintWriter; import java.util.Calendar; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServlet..

서블릿은 서블릿 클래스로부터 만들어진 객체이며 웹컨테이너는 서블릿 클래스를 가지고 서블릿 객체를 만든후 그 객체를 초기화해서 웹서비스 할 수있는 상태로 만든다 웹서버는 멀티스레드(Multi-Thread) 방식으로 하나의 서블릿으로 많은 요청을 처리할 수 있다 여러스레드가 동시에 한 서블릿을 사용하기때문에 데이터 공유문제가 있으며 데이터 공유문제를 방지하기위해 인스턴스변수를 사용하지 않아야 한다

1. 배포할 프로젝트 경로에서 명령어를 통해 프로젝트 빌드를 해줌( build폴더가 생성됨 ) npm run build # npm을 통해 serve라는 웹서버를 설치하는 명령어 npm install -g serve # serve웹서버 실행시 DocumentRoot를 build 폴더로 지정하는 명령어 serve -s build 2. public폴더 밑의 index.html파일의 내용이 빌드되어 bulid폴더 밑의 index.html로 생성됨 3. 웹서버의 최상위 경로(Document Root)에 생성된 build폴더밑의 파일들을 넣어주면된다 4. npm serve를 이용해 배포후 테스트 -serve웹서버 실행시 DocumentRoot를 build폴더로 npx serve -s build

1. create-react-app 명령어로 react프로젝트 생성후 보여지는 첫화면은 index.html이다 2. index.html의 id가 root인 엘리먼트의 밑으로 컴포넌트들이 들어가게된다 이유는 index.js에 작성되어있다 3. 리액트의 진입파일은 index.js이고 id가 root인 엘리먼트에 렌더링 되도록 작성되어있다 4. App은 App.js를 뜻하며 리액트 컴포넌트이다 5. App.js 컴포넌트가 id가 root인 엘리먼트 밑으로 렌더링 된것을 확인할 수 있다 6. App.js 컴포넌트를 수정하여 내용이 변경되는것 확인

1. Node.js 설치하기nodejs.org/ko/ Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org2. Node.js 설치확인node -v3. npm 설치확인npm -v4. create-react-app 설치npm install -g create-react-app5. create-react-app 설치확인create-react-app -V6. react프로젝트를 생성할 경로로 이동후 명령어 실행npx create-react-app .7. react프로젝트 실행npm run start

# 안드로이드 기준 1. react-native-splash-screen 라이브러리 추가 -해당 프로젝트경로에서 실행 npm i react-native-splash-screen --save 2. react-native-splash-screen 라이브러리 확인 -package.json 확인 3. MainActivity.java에 코드 추가 3-1. import 추가 // react-native-splash-screen >= 0.3.1 import org.devio.rn.splashscreen.SplashScreenReactPackage; 3-2. onCreate 추가 @Override protected void onCreate(Bundle savedInstanceState) { SplashScreen.sh..

# 안드로이드sdk, 가상에뮬레이터 설치과정은 생략 1. Node.js 설치하기 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Node.js 설치확인 node -v 3. React-Native-Cli 설치 npm install -g react-native-cli 4. React-Native-Cli 설치확인 react-native -v 5. React-Native 프로젝트 생성 -프로젝트가 생성되는 경로를 확인 react-native init TestProject 6. React-Native 프로젝트 실행 react-native run-android

인스타그램의 EditText 1. 텍스트 입력 영역 끝에 도달후에도 내용입력시 자동으로 개행된다 2. EditText의 엔터버튼 액션이 보내기 이다 기본적인 EditText 1. 텍스트 입력 영역 끝에 도달후에도 내용입력시 자동으로 개행된다 2. EditText의 엔터버튼이 액션이 개행 이다 인스타그램의 댓글입력 EditText를 만들기 위해서는 두가지가 필요하다 1. 텍스트 입력 영역끝에 도달후에도 내용입력시 개행될것 2. EditText의 엔터버튼 액션이 보내기 일것 EditText 속성 inputType 속성 값 종류 출처 : http://wakeupjava.tistory.com/entry/View-EditText%EC%99%80-inputType%EC%86%8D%EC%84%B1%EC%9D%98-%..

DAO (Data Access Object) DB를 사용해 데이터를 조회하거나 조작하는 기능을 전담하도록 만든 오브젝트 자바빈 (Java Bean) 두가지 관례를 따라 만들어진 오브젝트 1. 디폴트 생성자 :자바빈은 파라미터가 없는 디폴트 생성자를 갖고 있어야한다 툴이나 프레임워크에서 리플렋견을 이용해 오브젝트를 생성하기 때문이다 2. 프로퍼티 :자바빈이 노출하는 이름을 가진 속성을 프로퍼티라고 한다 프로퍼티는 set으로 시작하는 수정자 메소드(setter)와 get으로 시작하는 접근자 메소드(getter)를 이용해 수정 또는 조회할 수 있다 리팩토링 (Refactoring) 기존의 코드를 외부의 동작방식에는 변화없이 내부구조를 변경해서 재구성하는 작업 메소드 추출 (Extract Method) 중복된 ..

새로 만든 스레드에서 UI객체에 직접 접근할 수 없기 때문에 핸들러를 사용하게되는데 핸들러를 사용하면서 코드를 좀 더 복잡하게 만드는 문제가 생긴다. 이러한 백그라운드 작업을 좀 더 쉽고 간단하게 하고싶다면 AsyncTask 클래스를 사용할 수 있다 AsyncTask 객체를 만들고 execute()메소드를 실행하면 이 객체는 정의된 백그라운드 작업을 수행하고 필요한 경우에 그 결과를 메인 스레드에서 실행하므로 UI객체에 접근하는데 문제가 없게된다 AsyncTask 주요 메소드 doInBackground 새로 만든 스레드에서 백그라운드 작업을 수행한다 execute()메소드를 호출할 때 사용된 파라미터를 배열로 전달받는다 onPreExecute 백그라운드 작업을 수행하기전에 호출된다 메인 스레드에서 실행되..