반응형 Front-End44 Vue.js (4) ✔️이벤트※ 작업폴더 : /src/views/2_event 1. click 이벤트/src/views/2_event/EventClickView.vue 생성 click 이벤트 좋아요 {{ counter }} /src/router/index.jsconst routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/event/click', name: 'eventClick', component: () => import(/* webpackChunkName: "event", webpackPrefetch:true */ '../views/2_event/EventClickView.vue') } ] /src/App.vue Home | Click 2. cha.. 2023. 5. 30. Vue.js (3) ✔️데이터 바인딩※ 작업폴더 : /src/views/1_databinding 1. HTML 바인딩/src/views/1_databinding/DataBindingHtmlView.vue 생성 {{ htmlString }} /src/router/index.jsconst routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/databinding/html', name: 'dataBindingHtml', component: () => import(/* webpackChunkName: "databinding", webpackPrefetch:true */ '../views/1_databinding/DataBindingHtmlView.vue') .. 2023. 5. 26. Vue.js (2) 1. 실습 Vue 프로젝트1) project03 프로젝트 생성하기 - 명령프롬프트에서 실행 c:\\나만의경로\\workspace_vue>vue create project03**? Please pick a preset: (Use arrow keys)** vue-basic ([Vue 3] babel, router, vuex, eslint) →사용자가 저장한 템플릿 Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) > Manually select features →선택 (사용자지정) **? Check the features needed for your project:** (Press to select, to toggle all, to invert.. 2023. 5. 26. Vue.js (1) ✔️Vue App 개발 환경 구축 1. Node.js 설치 ※ 설치참조 https://offbyone.tistory.com/441 Javascript로 작성된 프로그램을 운영체제상에서 일반 애플리케이션 프로그램처럼 실행시켜주는 런타임입니다. 서버 프로그램을 작성하는데 많이 사용된다 설치 사이트 https://nodejs.org/ko/ node-v18.12.1-x64.msi 다운후 설치 npm (Node Package Manager) 웹개발에 필요한 모듈들을 npm명령어를 통해 쉽게 다운 및 설치할 수 있으며, node.js를 설치하면 같이 설치된다 각종 웹개발 라이브러리 설치 도우미 node와 npm 설치 버전 확인 (명령프롬프트에서 확인) node -v npm -v 2. Vue 와 Vue CLI (Co.. 2023. 5. 25. JSP(4) JSP 내장객체JSP페이지가 서블릿에서 변환될때(.class) JSP컨테이너(Tomcat웹서버)가 자동적으 제공- JSP페이지 내에서 제공하는 특수한 레퍼런스(참조) 타입의 변수- 객체 생성 없이 바로 사용할 수 있는 JSP의 객체out : 출력 객체pageContext : JSP 페이지 차체의 Context 제공request : 요청에 관한 정보response : 응답에 관한 정보session : 요청에 관한 Context 제공application : 서블릿 및 외부 환경 정보 Context 제공 Scope의 종류myweb 프로젝트 내에서 페이지들간에 값을 공유하기 위해 사용pageContext : 현재 페이지에서만 유효 (생략시 기본값)request : 부모페이지와 자식페이지에서만 유효session .. 2023. 4. 18. JSP(3) JSP 자바빈즈 (Java Beans)JSP의 표준 액션 태그로 접근할 수 있는 자바 클래스 멤버변수, getter메소드, setter메소드로 이루어져 있음 여러 JSP 페이지에서 사용될 수 있음자바빈즈 생성기본생성자가 반드시 존재해야함멤버변수는 private로 선언해야함getter메소드, setter메소드는 public으로 선언해야함자바빈즈 사용 id : 변수명 → 유일한 값이어야함class : 클래스 명 (패키지까지 적어줘야함)scope : 유효범위Scope 유효범위page - request - session - application 순으로 유효범위가 넓어짐page : 현재 페이지에서만 유효 (생략시 기본값)request : 다른 페이지에서도 공유 가능 (상속관계에서만 사용)session : 다른 페.. 2023. 4. 11. JSP 실습 - 여행 예약 페이지 만들기 [전체 페이지] [예약하기] [코드] https://github.com/newnyee/java_study/commit/5d866c5a5152cc1c5e76ac4d4360f7f79e76a1d8 jsp_study_20230410 · newnyee/java_study@5d866c5 Show file tree Showing 7 changed files with 684 additions and 0 deletions. github.com 2023. 4. 10. JSP 실습 - 성적 입력, 조회, 수정, 삭제 페이지 만들기 [메인 페이지 - 성적 리스트] [성적 상세 페이지] [성적입력(생성)] [성적수정] [성적삭제] [코드] https://github.com/newnyee/java_study/commit/a150f78c78608c0a051fb36f8933213fda80cc17 jsp_study_20230406 · newnyee/java_study@a150f78 Show file tree Showing 9 changed files with 678 additions and 0 deletions. github.com 2023. 4. 6. JSP(2) 🔹JSP 페이지 실행 과정톰캣 WAS에 의해서 .java와 .class가 자동으로 생성된다 예) hello.jsp 컴파일 언어(Java) -> 목적코드(.class) 필요 .jsp -> hello_jsp.java (톰캣) -> hello_jsp.class (컴파일) 예) hello_jsp.java 소스 저장 경로 D:\\java202301\\workspace\\.metadata\\.plugins \\org.eclipse.wst.server.core\\tmp0\\work \\Catalina\\localhost\\basic04_web\\org\\apache\\jsp\\form 🔹JSP 내장객체 (chapter 09)톰캣 서버에 의해 자동으로 생성된 객체개발자는 별도의 객체를 선언하지않고 가져다 사용한다out.. 2023. 4. 5. 이전 1 2 3 4 5 다음 반응형
