강의: [edwith 부스트코스] 웹 프로그래밍 챕터 3, 웹 앱 개발: 예약서비스 1/4 학습일: 2020년 4월 10일 0. 소개 FE(Front End)의 Key Point JavaScript 배열, 객체 배열, 객체를 조작하는 메서드를 위주로, 데이터를 조작하는 방법 - 배열 조작 메서드 위주 DOM API, AJAX 심화 웹 애니메이션 웹페이지의 스르르 움직이는 모습을 위해 필요 BE(Back End)의 Key Point : Spring MVC MVC 패턴 복잡한 웹 어플리케이션 개발 시 효율적으로 개발할 수 있도록 돕는 디자인 패턴 직접 구현하기는 어렵지만, 기존의 잘 만들어진 프레임워크를 사용할 예정이므로 문제되지는 않음 가장 많이 사용되는 Spring MVC를 이용 레이어드 아키텍쳐(Lay..

프로젝트: [edwith 부스트코스] 웹 프로그래밍 프로젝트 B, To-do List 만들기 진행기간: 2020년 4월 9일, 10일 Java 문자열 부분적으로 바꾸기 .replace( ), .replaceAll( ), .replaceFirst( ) 메서드를 사용해 바꿀 수 있음 참고자료: [Java] 문자열 치환(Replace) 사용법 & 예제 Java의 If ... Else 구문에서 ==로 비교했는데 오류가 발생할 때 해결 방법 조건식에 string == "문자열" 대신 string.equals("문자열") 사용 ==는 타입까지 비교하므로, 값이 같은데도 오류가 발생할 수 있음 참고자료: How do I compare Strings in Java? - Stack Overflow HTML form 요소..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 4월 8일 11. Web API - BE Web API 실습 Maven Project 생성 archetype 종류는 webapp, artifactId는 webapiexam 입력 pom.xml 변경 plugin에 JDK 버전 1.8 추가 (Maven (Back End) 프로젝트 설정 참고) dependencies에 라이브러리 추가 MySQL JDBC (JDBC (Back End) ... Part 1 환경설정 참고) JSON 라이브러리 Java Servlet 라이브러리 (Maven (Back End) 프로젝트 설정 참고) JSTL 라이브러리 (Maven (Back End) 프로젝트 설정 참고) 변경사항 ..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 4월 7일 11. Web API - BE REST API란? API (Application Programming Interface) 운영체제나 프로그래밍 언어가 제공하는 기능을 응용 프로그램에서 사용, 제어할 수 있게 만든 인터페이스 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 기능을 제공함 기능을 제공하는 라이브러리의 내부 구현 코드를 모르더라도 인터페이스만 알면 사용할 수 있음 예시) Java로 절대값을 구할 때 사용하는 Math 클래스의 abs( ) 메서드 REST (REpresentational State Transfer) API 핵심 컨텐츠 및 기능을 외부 사이트에서 활용할 수 ..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 4월 6일 10. JDBC - BE JDBC 실습하기 (2) - 데이터 추가, 데이터 조회 JDBC 실습 (1)과의 차이점 try-catch-finally 구문 대신 try-with-resource 구문으로 예외 처리 try 뒤에 사용할 resource를 얻어오는 코드를 입력하면 해당하는 객체를 자동으로 close 처리해주는 구문 close( ) 메서드가 반복되는 finally 구문이 사라지므로, 코드의 가독성이 올라감 addRole( ) 메서드 생성: 데이터를 추가하는 메서드 드라이버 로드: 첫번째 try-catch 구문 쿼리문 변수 설정 실행 코드 작성: 두번째 try-catch 구문 try-wi..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 4월 5일 10. JDBC - BE JDBC 실습하기 (1) - 데이터 반환 Maven 프로젝트 생성: artifactId는 jdbcexam으로 입력 Maven 프로젝트 환경설정 1. pom.xml 수정: JDK 1.8 사용을 위해 plugin 추가 (참고: Maven (Back End) 프로젝트 설정) 2. JDBC 사용을 위한 벤더 드라이버 (mysql) dependency에 추가 (참고: JDBC (Back End) ... Part 1 환경설정) 3. 프로젝트 우클릭 후 Maven > Update Project 실행 Role 클래스 생성: 데이터베이스에서 정보를 넣거나 꺼내와 저장하는 기능 데이..