![]()
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에
![]()
1. jdbc 드라이버 확인 새로운 프로젝트를 만들기 https://mvnrepository.com/artifact/com.oracle.database.jdbc/ojdbc8/21.1.0.0 lib파일 생성 -> 다운로드한 파일 프로젝트에 넣기 2. jdbc 드라이버 jvm에 로드 forName ()메서드를 사용 JDBC를 찾지 못하였다는 예외가 발생 프로젝트 우클릭-> Build path-> configure Build path -> jar 파일 추가 3. DB 와 연결 Connection 를 사용해서 DB와 연결 orcle은 1521번 포트번호를 가지고 있다. Oracle 11g 경우 value="jdbc:oracle:thin:@localhost:1521:XE" Oracle 19 경우 value="jd..
![]()
1. REST 란 ? 웹에 존재하는 모든 리소스들에 대해서 고유한 URI를 부여해서 접근 (URL의 상위개념) 리소스(자원) - HTML 문서, 그림, 동영상, 데이터 등 웹에서 정보를 주고 받는 규칙 중 하나 REST 를 사용하는 이유는 무엇일까? 프로그래밍 언어나 플랫폼에 종속적이지 않다. 다양한 브러우저와 다양한 디바이스(Android, iPhone)에서 통신 필요 서버는 클라이언트에게 데이터만 제공, 화면x , 화면은 클라이언트 웹에 구현한다. 클라이언트애플리케이션에게 서비스를 제공하는 REST API만 제공하면 된다. 즉 클라이언트의 URL요청에 대해서 서버가 응답을 하는 것이며 클라이언트가 사람이 아닌 클라이언트 애플리케이션이기 때문에 view를 출력하지 않는다. 데이터만 출력하면 되어서 Js..
