
※ 리액트(React) 사용을 위한 환경설정은 [ https://exploreryun.tistory.com/373 ] 참조 1. React 개념 -프론트엔드 프레임워크 -웹 프레임워크, 자바스크립트 라이브러리 중 하나. 사용자 인터페이스를 만들기 위해 사용. -SPA 방식으로 UI를 생성. html을 여러 개 만들 필요없이 하나로 모두 감당. -컴포넌트라 불리는 각각의 페이지 조각 생성. 여러 컴포넌트들을 조합해서 하나의 페이지 생성. (*JSP에서 header.jsp, footer.jsp를 만들어 인클루드하는 거랑 비슷) → 컴포넌트들을 모아 하나의 페이지 구성? (1) Node.js -자바스크립트(JavaScript)는 웹 브라우저에서만 동작. -Node.js는 서버 베이스로 자바스크립트 사용가능. ..

※ 안드로이드 개발 : 코틀린(Kotlin) 또는 Java(기존 사용. 웹 b) ※ 안드로이드 프로젝트(2주간) ※안드로이드 특징 : 뷰와 코드 철저하게 분리 1. 개발환경 준비 및 맛보기 2. 코틀린 문법 3. 위젯과 레이아웃 xml로 화면 자체 레이아웃, 부분 레이아웃에 위젯을 담아서 화면 구성 4. 5. 6. 라이브러리 -제트팩라이브러리 : 안드로이드 제공하는 뷰 페이즈 등을 이용 -머티리얼 라이브러리 : 메뉴 탭 7. 컴포넌트(★) -액티비티 컴포넌트 : 보여지는 화면 -브로드캐스트 리시브 : 시스템으로부터 받은 내용 처리 ex) 앱 알림 등 -서비스 컴포넌트 : 화면없이 백그라운드에서 돌아가는 것. ex) 음악 -콘텐츠 프로바이더 : 앱끼리 동등. 다른 앱에서 구현한 데이터 가져와 사용 가능. ..
@ERD를 위해 테이블 자동 생성해주는 Entity 사용 @manytoone이랑 @joincolumn 사용 1. 프로젝트 설정 (1) Project -name : second (2) pom.xml org.apache.tomcat.embed tomcat-embed-jasper javax.servlet jstl (3) application.properties server.port=8087 spring.mvc.view.prefix=/WEB-INF/views/ spring.mvc.view.suffix=.jsp spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/bus..

간단한 개념은 앞선 글에 정리. Item 클래스를 가지고 보다 심화된 내용 정리할 것. 기본으로 만들어주는 쿼리는 복잡한 것 사용하기 어려움. WHERE의 여러 조건문들을(?) 그래서 자동으로 만들어주는 쿼리 메소드 대신 직접 만들어서 사용하는 쿼리? 간단한 쿼리는 JPA - CRUD 같은 거는 엄청 편함 근데 쿼리가 복잡해지면... Mybatis 사용이 편하기도? repository에서 작업하는 것은 서비스단 작업 - 앞쪽 작업. ♣ 원래 쿼리 메소드는 동적 처리 불가 → Annotation으로 동적 쿼리 작업 ♣ 동적 쿼리를 위한 dsl 사용 동적쿼리 생성. 쿼리 재사용할 수 있어 제약조건 조립 및 가독성 향상/ 문자열 x 자바 소스코드로 작성하기 때문에 컴파일 시점에서 오류 발견 가능. 자동완성기능..

기존 프로젝트 코드에서 ✔로그인 기능 추가 ✔사용자에 따른 권한 부여 : 로그인한 사용자가 글쓰기/수정/삭제할 수 있도록 → 새로운 프로젝트 생성 & 기존 프로젝트의 코드 활용 ※ 프로젝트 및 MySQL 이름 ※ STS My SQL 기존 프로젝트 boardSystem00Colne springdb board_tbl 새 프로젝트 boardSystem01Clone springdb member_tbl └MySQL 테이블 생성 및 수정_프로젝트에서 쿼리문에 맞추기 위해서. 1. 프로젝트 생성 및 환경설정 (1) Spring Legacy Project 생성 -이름 : boardSystem01Clone -기본 패키지 이름 : com.wsy.webboard (2) 환경 설정 (2-1) pom.xml -기존 프로젝트에 ..

※ 2차 게시판 완료 ※ >> 댓글을 추가하면, 보드의 댓글 수 증가 → 2개의 작업이 유기적으로 진행되도록 (+) junit 버전 변경 기존의 프로젝트 4.7 버전 → 4.13 변경. pom.xml에서 버전만 변경하면 됨. 1. AOP(Aspect Oriented Programming) ex) 게시판에서 회원가입, 로그인, 글쓰기/수정/삭제, 상세보기 등등의 주업무 - 사용자 입장(관점)에서의 주요 목적. 콘솔에 로그 찍는 것 같은 개발자/운영자 관점의 보조 업무 로직 -주 업무[primary(Core) Concern] -보조 업무[cross-cutting concern] : 주 업무들 중간중간에 사용. 끼웠다 뺐다. 로그 처리, 보안 처리, 트랜잭션 처리 물리적으로 분리되어 있지만 논리적으로는 하나로..

*프로젝트 실습* https://exploreryun.tistory.com/manage/newpost/319?type=post&returnURL=https%3A%2F%2Fexploreryun.tistory.com%2F319 1. AJAX 서버측 Script와 통신하기 위해 XMLHttpRequest 객체 사용. 서버와 데이터 교환. 페이지 전체를 리프레쉬(Refresh)하지 않고서도 수행. 비동기적으로 전체 페이지가 아니라 일부분만 업데이트. (*TCP-SCHOOL.COM [ http://www.tcpschool.com/ajax/ajax_intro_basic ] 참고) (*https://exploreryun.tistory.com/283?category=1001611) (1) AJAX 문법 - jQuery..

※ 수업 코드로 클론코딩해보기 ※ ✔ 현재 상태 : 프로젝트 실행했을 때, home도 연결이 안 됨.... → 스프링프로젝트는 프로젝트 내의 모든 오류를 검사. 하나라도 오류가 있다면 전체 실행 불가. 1. 프로젝트 생성 -Srping Legacy Project : boardSystem02 -top level package name : com.wsy.boardsystem02 2. 환경설정 (2-1) pom.xml 4.0.0 cm.wsy boardSystem02 boardSystem02 war 1.0.0-BUILD-SNAPSHOT 11 5.2.19.RELEASE 1.6.10 1.6.6 org.springframework spring-context ${org.springframework-version} co..

-순서 정리 : https://exploreryun.tistory.com/315?category=1004845- -수업 자료 참고- https://exploreryun.tistory.com/309 - 클론코딩(정리 버전) - (+) 보드 리스트 변동되는 것 수정 //기존 BoardList(${boardCount }) //바꾼 것 BoardList(${count }) ※ 웹 게시판 수업에서 할 것들 ※ -전체 게시판 구조 -기본적인 CRUD 데이터베이스 연결 -리스트(list) 하나 완성하고 그 다음에 업데이트/인서트/딜리트 만들 것 인서트, 상세보기, 딜리트 등등 // 뷰 ← 컨트롤러 ← 서비스 ← 디비 -페이징 기능, 검색 기능 → 1차 게시판 완료 -주어진 코드의 설정 변경해보는 연습 -2차 게시판 ..

일일이 했던 설정들을 작업환경을 자동으로 설정해주는 Legacy Project 1. Spring MVC (1) Spring MVC Process [ 사용자 요청 ] → [ 디스패쳐(Dispatcher) ] ① → [ 컨트롤러(Controller) ] ② ← [ 뷰(View) ] ① HandlerMapping : 디스패쳐가 사용자 요청에 따른 컨트롤러를 선택(실행)하도록 하는 것. ② ViewResolver : 컨트롤러가 지정한 뷰 이름으로부터 응답 결과 화면을 생성하는 View 객체를 구한다. -컨트롤러(Controlloer) : 뷰(View), 모델(Model)에 데이터를 실어서 디스패쳐에게 돌려줌. -디스패쳐(Dispatcher) : 모델에 실어진 데이터를 뷰에 담아서 사용자에게 보여줌. 2. Spr..
처음 한번만, 환경설정까지 하나하나 다 해볼 것 (외우지 않아도 됨. 이해만) 1. Spring MVC 개요 2. 실습환경 설정 Apache 9 사용, 이클립스 등으로 MVC 환경 설정 3. 메이븐 프로젝트 생성 빈 프로젝트 생성 4. Spring Dispatcher를 Front 컨트롤러로 설정 JSP할 때, 메인 서블릿과 같은 것. 직접 만들지 않음. 자동 생성됨 5. 스프링 컨트롤러 IndexController 작성 사용자 요청이 왔을 때, 어떤식으로 받아서 처리하는가? 알아볼 것 6. 정적파일 서비스 설정 스프링이 정적파일을 어떻게 관리하는가? 7. tiles 설정 웹페이지 공통 분모 - 헤드 영역, 메뉴 영역, 푸터 영역 같은 것. (tag include - 디자이너가 웹페이지를 관리할 때) 최근..

1. 객체간 의존성 객체의 사용에 의해 발생. 그동안은 클래스 안에서 만들어 객체 사용하는 자급자족. >> 필요한 것을 밖에서 만들어서 주입하는 것 : 의존성 주입(DI) >>의존성을 제거하는 방법 : XML 사용 / Annotation(@Override 방식) 사용 / Java Configuration (*XML은 비친절.) **Annotaion : 내가 직접 만들지 않은 것, 스프링이 자체적으로 제공하는 것들은 Annotation 못함. 내가 직접 만든 것만으로 할 수 있음. 협업할 때, 작은 것부터 만들어서 나중에 취합. 그것에 적합한 것이 프레임워크. 전자정보 프레임워크 : 스프링 기반 분산 전체 EE / 웹 분산 Spring(가장 많이 쓰는 게 mvc) 2. DI와 IoC 컨테이너 (1) DI(..
- Total
- Today
- Yesterday
- html a tag
- BAEKJOON
- input type 종류
- html pre
- typeof
- 입력양식
- JavaScript
- empty-cell
- 외부구성요소
- improt
- Java
- html base tag
- CascadingStyleSheet
- scanner
- html
- border-spacing
- css
- ScriptTag
- html input type
- 변수
- 스크립태그
- A%B
- initialized
- selcetor
- 미디어 태그
- html atrribute
- 기본선택자
- html layout
- text formatting
- caption-side
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |