본문 바로가기

전체 글326

SpringBoot 개념정리 스프링 자바 기반의 웹 어플리케이션을 만들 수 있는 프레임워크 IoC (Inversion of Control) 제어의 역전 -> 주도권이 스프링에 있다. 객체 생성 및 의존성 설정을 스프링에 위임 IoC컨테이너 객체 생성, 라이프사이클 관리, 의존성 설정을 담당하는 컨테이너 IoC컨테이너를 DI 컨테이너, 스프링 컨테이너라고 부름 @Component 계열 class - 설계도 object - 실체화가 가능한 것 instance - 실체화 된 것 DI (Dependency Injection) 의존성 주입 스프링은 싱글톤 패턴으로 객체 생성 비용 문제 해결 @Autowired MessageConverter 스프링은 메시지컨버터를 가지고 있고 기본값은 json . @ResponseBody -> Buffered.. 2022. 6. 22.
정보처리기사 실기 합격 정리 (후기) 2022년 6월 17일 정보처리기사 실기합격발표 시험결과 "합격" 을 해서 공부방법과 내용 정리를 공유하려고 합니다! 22년도 기사 시험일정입니다. 국가자격 종목별 상세정보 | Q-net www.q-net.or.kr 전체 실기 준비 스케줄 시험준비는 3월24일부터 5월 6일까지, 약 한달 + 2주 (44일) 10일간): 실기 교재 정독(1단원 ~ 6단원) 10일간): 실기 교재 정독(7단원 ~ 12단원) n 수제비카페 "데일리 문제" 18일간): 2회독, 교재 '오답노트 정리' & 수제비 카페 '데일리 문제' , '약술형 문제' 5일간) 시험 전주, 개념정리 오답노트 복습 시험 전전날, 전날) 수제비카페 자체 모의고사, 수제비 책 최종 시험문제. 기출문제 시험날 : 오답노트와 '데일리 문제(틀린 것만) .. 2022. 6. 18.
리액트 Fetch API 와 axios 를 통해 서버와 통신하기 Fetch API 와 axios 를 통해 서버와 통신하기 참고사이트 fetch const loadContent= () =>{ const url = 'api/todolist' const options={ method:"GET" } fetch(url,options) .then((resp)=>{ return resp.json() }) .then( data => { console.log(JSON.stringify(data)) setListContent(data) }) } axios 구형브라우저 지원 요청 중단 가능 응답 시간 초과 설정 가능 CSRF 보호 기능 내장 JSON 데이터 자동변환 Node.js 에서 사용 npm install axios // api/todoinsert : 서버 url const han.. 2022. 6. 16.
공공데이터 Open API JSON , ObjectMapper json-simple https://blog.naver.com/yandul83/220380749175 공공데이터 개발노트 - JSON사용 예제, OpenAPI 일별 박스오피스 정보를 가져와보자(Java에서 Json활용 영화진흥위원회의 Open API - 박스오피스 정보JSON으로 제공해주는 정보를Java를 사용하여 파싱해... blog.naver.com XML to JSON https://m.blog.naver.com/yandul83/220432077444 공공데이터 개발 - JSON 타입 생성 및 XML을 JSON으로 변환 XML to JSON JSON 타입 생성 및XML을 JSON으로 변환 시스템간에 연결을 하기 위해서는 서로 대화를 하기 위... blog.naver.com ObjectMapper 사.. 2022. 6. 8.
리액트 Movie API를 활용한 영화 목록 사이트 react-router-dom 을 5버전대로 다운그레이드 npm install axios react-router-dom@5.2.0 bootstrap-bootstrap Link to 적용을 위해 index.js 에서 를 주석 처리 // // 네비게이션 Navigation.js import {Container, Nav, Navbar} from "react-bootstrap" import React from 'react'; const Navigation = () => { return ( Home MovieList About ); }; export default Navigation; Home MovieList About href 에 따라 링크 이동 Home.js import { useEffect, useStat.. 2022. 6. 7.
리액트 to-do-list 흐름 파악 App.js import { Component } from "react"; import Form from "./components/Form"; import TodoItemList from "./components/TodoItemList"; import TodoListTemplate from "./components/TodoListTemplate"; class App extends Component { id = 4; // 초기 데이터 정보 state = { input: '', todos: [ { id: 0, text: '할일1', checked: false }, { id: 1, text: '할일2', checked: true }, { id: 2, text: '할일3', checked: false }, { .. 2022. 6. 5.
리액트 프로젝트 생성 시작 노드 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org * 노드 설치 오류 노드 설치 중에 오류가 생겼었는데 관리자 권한 설치고 문제 해결 설치 확인 node -v Visual Code 리액트 개발 툴로는 Visual Code가 좋다. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Li.. 2022. 6. 4.
spring framework 트랜잭션, @Transactional 처리 트랜잭션 트랜잭션은 두 개 이상의 쿼리를 한 작업으로 실행해야할 때 사용합니다. @Override @Transactional // db 동시에 public void insert(CommentDTO comment) { // 댓글 추가 mapper.insert(comment); // 댓글 수 증감 bmapper.updateReplyCnt(comment.getBnum(), 1); } 이와 같은 메소드를 처리하기 위해 어떻게 해야 될까요? root-context.xml Check Namespaces tx를 체크해줍니다. 으로 트랜잭션 동작을 활성화시킵니다. DataSourceTransactionManager : JDBC 및 mybatis 등의 JDBC 기반 라이브러리로 데이터베이스에 접근하는 경우에 이용합니다... 2022. 5. 9.
spring lagacy project / 생성, 설정, 오류 처리, maven, mybatis | 히카리 cp STS4 JAVA EE Tool 및 여러 Tools 설치 STS4 utf-8 설정 spring legacy project STS 플러그인 설치 및 스프링 프로젝트 생성 [Spring] Spring Legacy Project 초기 설정 Java Build Path, Project Facets --> set java version pom.xml 11 5.3.2.RELEASE 1.6.10 1.6.6 메이븐 업데이트 하기 가끔 경로 이탈 할 경우 있음. https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api javax.servlet javax.servlet-api 4.0.1 provided https://mvnrepository.com/artifa.. 2022. 5. 6.
JSP 에러 처리 | ORA-071747, json 값 반환시 주의 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=geeyoming&logNo=220247100266 [에러] ORA-01747: invalid user.table.column, table.column, or column specification ▣ ORA-01747: invalid user.table.column, table.column, or column specification 프로그램 내에서 갑... blog.naver.com JSON 값 파싱 에러 JSP 에서 POST로 넘어온 값을 xxx.jsp에서 DB 접근 클래스에서 처리후 다시 값을 반환할 때 JSON 값이 파싱이안됨. out.print(jsonArr.toJSONStr.. 2022. 5. 3.
jQuery를 이용하여 객체 제어, 선택, 요소 추가, 대체, 삭제 목차 기본문법 선택자 선택한 요소 필터링 input 요소 선택 map 사용 getter, setter 요소추가 요소복사 요소대체 요소삭제 요소탐색 요소크기 요소위치 제이쿼리 (jQuery) 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. jQuery 를 이용하면 DOM를 사용하는 것 보다 훨씬 효율적으로 필요한 객체 조회할 수 있습니다. 객체를 조회할 때 CSS 선택자를 이용합니다. 참고 사이트 jquery CDN을 통해 사용 기본 문법 Document 객체의 ready() 메소드 자바스크립트 코드는 웹 브라우저가 문서의 모든 요소를 로드한 뒤에 실행되어야 합니다. - 아직 생성되지 않은 HTML 요소에 속성을 추가하려고 할 경우 오류 - 로드되지.. 2022. 4. 10.
JSP Dynamic 웹 프로젝트 생성 이클립스에서 새 프로젝트 생성시 New Dynamic Web Project 이때 Tomcat Server 를 사용하는데 웹 애플리케이션 서버로 JSP코드가 포함되어 있는 웹 페이지를 만들어 준다. 웹 애플리케이션(WAS) 는 동적인 데이터를 처리하기 때문에 DB 와 연결하여 데이터를 주고 받을 수 있다. https://tomcat.apache.org/download-90.cgi Tomcat은 해당 사이트에서 사양에 따라 zip 파일을 다운 받으면 된다. Next 모듈명과 경로지정 자바 버전 1.8로 설정 초기 시작시 실행이 안될 수 있는데 Servers\server.xml 에서 포트 번호를 변경시켜주어야한다. 실행시 크롬 브라우저로 뜨게 설정 JSP 파일 인코딩 UTF-8 으로 설정 JSP 파일 생성시 .. 2022. 4. 8.

티스토리툴바