The Debugging Chronicles : "코드의 미학"

팀명 : 코마 (7인)(Model 파트 2인 / View파트  3인 / Controller  파트 2인 )  담당: View 파트장맡은 페이지 : 메인, 마이페이지, 글 상세 페이지  언제나 발표날은 떨리고 아쉽다. 피드백을 먼저 올리자면 1.몇몇 발표자들은 말끝을 흐리는 경우가 있어서 잘 들리지않아 집중이 어려웠습니다. 2.에러에 대한 리포트 부분은 고찰이 부족해보입니다. 3.중프때는 자기꺼 시연하고 자기꺼 발표하도록  4.똑같은거 시연하더라도 시연 각 각 하기 5.대본은 짜서 발표하기 6.실제 샘플데이터를 사용해서 발표 7.바탕 하얀색으로 해서 보여주기 8.합 맞추어서 설명하기 9.단어 선정을 잘해서 하기 나이때가 어려보이면  좋지 않음 7.답변 더 잘 준비하기  8.필살기  위주로 발표 준비하기 9..

section01. 자바스크립트로 Canvas 제어 - HTML5 캔버스의 사용법 · 캔버스는 그래픽을 그릴 수 있는 영역을 말하며, 태그와 자바스크립트를 사용해서 웹 페이지 상에서 그래픽을 그린다. · 태그는 단지 그래픽을 그릴 수 있는 영역을 제공하는 컨테이너(그릇)로 실제로 그래픽을 그리기 위해서는 자바스크립트를 사용해야 한다. · 태그는 너비(width)와 높이(height)를 속성으로 가진다. · 캔버스를 제어하기 위해서는 id 속성도 필요하다. · 캔버스에 표시할 마우스 포인터의 상대적인 위치를 얻기 위해 특정 구역을 정의하는데 쓰이는 태그 안에 넣어서 사용하는 것이 좋다.   - 캔버스 제어하기 · 만들어진 캔버스에 도형이나 그림 등을 그리거나, 그려진 것들을 움직이게 만드는 등의 ..

(function(인수리스트){처리할 문장})();section01. 자바스크립트의 개요 *자바의 리터럴(데이터의 값)리터럴은 값을 의미하며 숫자 타입은 그냥 기술하고, 문자열 타입은 큰따옴표(" ")로 둘러 싸서 표현하다.부울(boolean)타입, 문자(character)타입 및 함수, 객체 ,배열, 값도 리터럴로 취급한다. 리터럴(값)설명5정수 리터럴5.0실수 리터럴"test", 'test'문자열 리터럴, 자바스크립트는 문자열 표현에" ", ' '를 둘다 사용할 수 있음false부울 리터럴nullnull 리터럴, 레퍼런스 타입(객체 타입)변수의 초기화 등에 사용.객체 변수가 이 값을 갖게 되면, 할당된 객체가 없다는 의미[1,2,3]배열 리터럴function(){}함수 리터럴{id: "aaa"}객체 ..

업로드(upload): 클라이언트(사용자, 브라우저) 이 본인이 로컬(폰, PC)에 가지고 있는 데이터를 서버(DB, 톰캣, 프로젝트)로 올리는 과정 로컬(폰, PC): resource ----> 서버(톰캣,프로젝트) 준비물1. 이미지 파일(데이터)2. 자바의 소스파일 -> .jar(라이브러리, 소스파일)                                   이미지 업로드를 구현할 때 필요한 클래스, 메서드를 제공   cos.jar 파일을 설치하는 방법 1. JAVA Build path 2.WEB-INF >> lib  3.apache-tomcat-10.1.28/lib   이미지를 등록해 보자     실습 순서1. 마이페이지에서 특정 MEMBER의 프로필 이미지를 출력2. 회원가입 페이지에서 새로운..

해결 방안이 중요하다!어떤 방법으로 어떻게 해결했는지에 대한 고찰이 들어가있어야한다.

비동기 처리를 통해 JSON 데이터 로드하기예전에는 .xml(설정파일)로 데이터를 주고 받았다. 중앙일보 기사들이 태그로 이루어져있다.이런 기사들은 이런 곳으로 보내진다    이러한 기사들은 rss에서 xml처리된 데이터들이 오는 것이다.   이렇게 되면 데이터들을 받기 어렵다. 요즘 시스템에서는 JSON을 쓴다.새로운 데이터 표준! JSON 예전에 데이터를 늘리려면이렇게 했는데 이제는 가볍고 가독성이 좋은 JSON!   요즘 추세REACT 등에서도 데이터를 주고받을때 JSON 형식을 사용한다! [{ "key":"value"},{ "key":"value"},{},{}].... ajax로 JSON을 받아와서 화면에 데이터들을 출력   json 파일을 만들어 보자. data.json[ {"imgName":"..

비동기 처리프론트엔드 프레임워크의 핵심  "DB"를 View에서 사용하는데, "화면변경이 없다"  사용자가 어플리케이션에서  ~~~~했을 때만 수행했을 경우 이런 경우가 있다. 사이트에서 사용자가 동작을 하지 않아도 움직이는 기능들은 미리 등록한 스크립트 일 확률이 높다.  근데 여기서 사용자가 사용할 수 없는 아이디를 입력했을 경우에만 빨간 글씨가 나온다   어플리케이션에서 사용자가 "DB에 이미 존재하는 아이디를 입력"했을 때 기능을 수행하는 경우가 있다.그래서 DB를 확인해봐야 수행을 할 수 있다.그 뜻은 DB=model에게 정보를 요청해야하고 ----->컨트롤러에게 DB를 확인해야한다 이때는 get, post같은 요청을해야하니까 URL변경을 해야하고 그러려면 화면을 변경해야하고 그러면 화면이 깜박..

1.sqlMember.sql에서  sql 문이 돌아가는 지 확인하고 Insert 문을 DAO로 가져온다2. DAO비즈니스 메서드 ,crud는 동작하는 것이 거의 중복된다PreparedStatement 에서 controller에 전달할 것을 setString, setxxx을 설정한다그리고 controller에게 말한다. ===>여기 까지 모델 파트가 비즈니스 메서드, CRUD 에서 할일  3.join.jsp1) 회원가입 버튼회원가입 시 필요한 데이터를 컨트롤러에게 전달하기 위해 form태그를 사용한다v>> 컨트롤러에게 전달할 파라미터를 정한다.뷰가 추가적으로 할일은 중복확인 -> 자바스크립트 실무에서는 불러와서 한다.2) 메인으로 돌아기===> 여기 까지가 view가 할일 4. controller기능과 응..

"스프링 프레임워크의 구조" 1) 스프링2) 전자 정부 프레임워크3) 회사내의 스프링 기반 자체 프레임워크=> 구조가 다 똑같다실무에서는 MVC를 병렬적으로 코딩한다.페이지가 이렇게 이루어 져있다고 하자 컨트롤러는 페이지를 두개 만들어야한다.하나는 controller, 하나는 index이다 컨트롤러에는 html 코드가 없다는 점이다. 근데 자바만 쓴다면 자바단에서 코딩하면 안될까? 라는 생각을 하게 되면서 시작한다..jsp 파일은 컴파일을 거쳐서 자바파일 중에서도 서블릿 파일이  된다따라서 클래스 파일이 아닌 서블릿 파일로 만들어야한다.contoller.jsp를 자바단에서 만들게 되면 이름을 FrontController라고 한다. (FC) 프레임워크 별로 부르는 이름이 다른다 homeController,..

.XML 설정 파일 -톰캣에서 WEB_INF 하위에 .xml 파일이 있다면, 설정할 때 그 xml 파일을 참고 하도록 코딩 되어 있다.- 스키마 (골격, 설정)이 필요한데 web.xml 의 경우 루트 엘리먼트(==가장 최상위에 존재하는 태그)가 이다- 자바 최상위 에러 객체 : Throwable xml파일 상단 고정 코드사항