분류 전체보기

1. fisrt 프로젝트 생성 - 2.5버전 2. 서버설정 (톰켓10버전) https://mvnrepository.com/artifact/javax.servlet/servlet-api/2.5 아래의 5 서블릿을 생성한 다음에 보면 컴파일에러가 발생할 것이다. 2.5버전의 서블릿 스팩에서는 톰켓 10버전에는 지원하지 않는것이 있기 때문에 jakarta로 변경하여 사용한다. 3. 한글 utf-8 (css,js, html) 4. jre 파일 설정 5. Servlet servlet 경로를 확인 servlet 에서 url 호출 서버 포트: 8888지정 url = http://localhost:8888/first?t=hello&p=hi Console 창 출력값 확인 서버 설정에서 에러가 나는 경우를 모아보았다. 1..

Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시 서버와 다음과 같은 다양한 형태의 데이터를 주고 받음 JSOPN XML HTML 텍스트 파일등 장점 웹페이지를 전체 로딩하지않고 웹페이지 일부분만 변경가능 웹페이지가 로드된 후에 서버로 데이터요청을 보낼 수 있음 웹페에지가 로드된 후에 서버로 부터 데이터를 받을 수 있음 백그라운드 영역에서 서버로 데이터를 보낼 수 있음 구성요소 웹페이지의 표현을 위한 HTML과 CSS 데이터에 접근하거나 화면 구성을 동적으로 조작하기 위해 사용되는 DOM모델 데이터의 교환을 위한 JSON이나 XML 웹서버와의 비동기식 통신을 위한 XMLHtt..

1. return 시에 하나의 DOM만 리턴할 수 있다. 하나의 태그만 리턴을 해준다. 위의 그림에서 보면 노랑밑줄이 그어져있는 코드를 보자 태그가 2개가 있어서 리턴이 안되는 것을 볼 수 있다. 아래의 그림에서 보듯이 하나의 태그안에 넣어주면 가능하다. 또 주의해야할 점이 하나의 태그안에 코드를 넣는다고 하더라도 리턴이 두개 이상이 되면 에러가 발생한다. 즉, 리턴시에 하나의 DOM만 리턴할 수 있다. 2. 변수 선언은 let 혹은 const로만 한다 var 변수는 함수 안에서 선언이 되면 보통 함수안에서만 사용이 된다고 알고있다. 그런데 함수 밖에서도 사용이 되는 스코프가 변칙적이기 때문에 가능하면 var 함수를 사용하지 않고 let 과 const 로 사용을 하는 것이 이상적이다. let 은 변수를 ..

Node.js는 경량의 프레임워크로 React로 만들어진 스태틱 서버 렌더링 애플리케이션 기본적으로 스타일링과 라우팅 해결책을 가지고 있으며, 사용자가 Node.js를 서버 환경으로 사용 node.js 설치 3. npx 설치 vscode 연동 npm -> 라이브러리를 다운 - 빌드 -> 프로젝트3개 (로컬에 다 다운) npx -> 라이브러리를 다운 - 빌드 -> 프로젝트 3개 (다운 받은 걸 재사용, 없으면 다운) -> 실행 -> 삭제 npx npx create-react-app my-app cd my-app npm start 서버를 키면 크롬창에 아래와 같이 나오면 제대로 서버가 작동하는 것이다. 문법오류확인 react 문법 자동완성기능 .prettier 파일 만들기 설정에서 format on save..

오라클 mybatis 회원가입페이지를 만드는 과정에서 아래와 같은 오류 발생 대충 어떤 오류인지 짐작은 했는데 에러를 잡지 못해서 3일정도 계속 알아보았다. 디버깅을 해보니 null 값이 발생하는 것을 볼 수 있었고 그 이유는 DB에서 NUT NULL 처리를 하였으며 정보를 넘겨받지 못하였다. 내가 에러를 처리했던 방법은 1. join.jsp에서 name을 memberId 부분에만 적었기 때문에 값이 제대로 들어오지 못했다. 2. DB값과 스프링에 있는 개수가 맞지 않았다. point 가 빠져있었고 이부분을 수정하였다. 1. 2. 수정전 수정후 에러를 처리하면서 배운점 : 디버깅을 하는 방법을 알게 되었다. 단순히 에러가 나오면 구글링하는 것에만 초점이 있었는데 디버깅을 하면서 정확히 어느부분에서 에러가..

ref:https://www.w3schools.com/css/css_selectors.asp Simple selectors 역할 id = "식별자" class = "스타일에 관련됨" name = "전송을 위한 용도로 사용" Combinators selectors 1. Descendant Selector 공백은 후손을 나타낸다. Child Selector (>) 자식을 가리킴 Sibling Selector (+) : 바로 다음에 오는 요소를 표현 Sibling Selector (~) : 바로 다음에 오는 요소들을 표현 Pseudo-classes 마우스를 올렸을 때 색이 변함 p요소의 후손영역에 첫번째 자식요소 CSS Attribute Selectors attribute="_value"로 표현 [attrib..

Controller 파라미터 수집 Controller의 파라미터 Controller 를 작성할 때 가장 편리한 기능은 파라미터가 자동으로 수집되는 기능이다. 이 기능을 사용하면 request.getParameter()를 이용하는 불편함을 없앨 수 있다. 예제 com.mall.domain 이라는 패키지를 작성하고, SampelDTO 클래스를 작성 @DATA 어노테이션 getter/setter, equals(). toString() 등의 메서드를 자동 생성하기 떄문에 편리하다. controller에 @getMapping을 사용하여 쿼리스트링에 입력하여 name과 age에 입력값을 출력해 보도록 해보겠다. controller에 아래와 같이 입력 @Controller @Log4j @RequestMapping("..

Controller 특징 HttpServleRequest, HttpServletResponse를 거의 사용할 필요 없이 필요한 기능 구현 다양한 타입의 파라미터처리 , 다양한 타입의 리턴타입 사용가능 GET 방식, POST 방식 등 전송방식에 대한 처리를 어노테이션으로 처리 가능 상속/ 인터페이스 방식 대신에 어노테이션만으로도 필요한 설정 가능 sevlet-content.xml 에 패키지를 스캔하도록 하기 스프링에서 Controller을 사용하기 위해서는 우선 sevlet-content.xml에