개발 공부

[Vue+BootStrap] b-table에서 특정 컬럼 클릭 시 이벤트 걸기(세부사항 페이지로 이동)

{{ data.item.subject }} { key: "articleno", label: "글번호", thClass: "w10" }, { key: "subject", label: "제목", thClass: "w60" }, { key: "hit", label: "조회수", thClass: "w10" }, { key: "userid", label: "작성자", thClass: "w10" }, { key: "regtime", label: "작성일", thClass: "w10", formatter: (value, key, item) => { return moment(new Date(value)).format("YY.MM.DD"); }, }, b-table를 사용할 때 필드와 데이터를 태그안에 넣어서 사용하는 ..

[Spring] 인프런 스프링 입문 강의 정리 #3

[무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com 글에서 나오는 모든 코드와 사진들은 김영한님의 인프런 스프링 입문 강의에서 가져온 것임을 미리 알립니다. 회원 관리 예제 - 백엔드 개발 비지니스 요구사항 정리 비지니스 요구사항은 가장 쉽게 구성되어있다. 그래서 데이터, 기능 모두 간단하게 구성되어있다. DB는 아직 정해지지 않은 상황 컨트롤러: 웹 MVC의 컨트롤러 역할 서비스: 핵심 비즈니스 로직 구현 리포지토리: 데이터베이스에 접근, 도메인 객체를 DB에 저장하고 관리 도메인: 비즈니스 ..

[Spring] JAVA에서 Spring으로 변환 정리 (개인 공부 정리용)

스프링 학습 후 개인적으로 정리하기 위한 글이므로 잘못된 부분들이 많을 수 있습니다. 설정 파일들의 읽는 흐름은 pom.xml => (web.xml) => root-context.xml => servlet-context.xml 순이다. 1. pom.xml : 필요한 lib들과 버전들을 추가해서 수정해준다. (db, jsp, junit 등) 2. web.xml post를 사용하려면 그 전에 utf-8로 인코딩을 해줘야지 한글이 제대로 보인다. 그러므로 web.xml에 filter를 추가해줘야한다. encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 encodingFilter /* web.xml 에 적힌 순서..

[Spring] 인프런 스프링 입문 강의 정리 #2

[무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com 글에서 나오는 모든 코드와 사진들은 김영한님의 인프런 스프링 입문 강의에서 가져온 것임을 미리 알립니다. 정적 컨텐츠 서버에서 하는 거 없이 파일을 그대로 웹브라우저에 내려주는 것. staic폴더 안에 html 파일 생성해주고 다음과 같이 작성 src/main/resources/static/hello-static.html 정적 컨텐츠 입니다. 그리고 http://localhost:8080/hello-static.html 접속해보면 다음과 같은 ..

[노마드코더] NextJS 시작하기 #5

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co 지난 강의 요약 Next에서는 pre-rendering된 html 페이지에 데이터가 포함되지 않는다. 컴포넌트의 초기 state를 미리 export하기 때문에 React.js가 처리를 마치기 전까지는 실제 html 소스코드에는 Loading(개발자가 데이터가 없을때 지정한 모습)페이지의 모습을 볼 수 있다. React.js의 처리가 완료되면, ReactJ..

[노마드코더] NextJS 시작하기 #4

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co 전에 했던 강의에 이어서 이제 로딩페이지를 작업해보려고 한다. 영화 데이터가 담긴 movies변수는 영화데이터를 불러오기 전까지는 빈 배열 상태로 있을 것이다. 왜냐면 우리가 useState를 사용할때 초기값을 []으로 했기 때문에. 그러나 만약 useState();로 하면 오류가 발생한다. 왜냐면 map을 사용하려고 할때 movies가 undefined..

[노마드코더] NextJS 시작하기 #3

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co 이제 기본 기능들을 알았으니 간단한 영화 앱을 만들어보자. 우선 그 전시간 까지 _app.js를 만들었는데 추가로 Layout컴포넌트를 만들어보도록 하자. Layout컴포넌트는 Next를 사용할 때 사람들이 주로 사용하는 패턴으로, _app.js가 너무 무거워지는 것을 방지하기 위해서 사용한다. components폴더 안에 Layout.js 파일을 생성한..

[노마드코더] NextJS 시작하기 #2

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 전의 글에 이어서 계속해서 강의내용을 정리하려고 한다. NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co Routing 우선 components 폴더를 생성해서 안에 새로운 파일을 작성해준다. export default function NavBar() { return ( HOME About ); } 그리고 전에 만들었던 index.js와 about.js의 내용을 약간 수정해준다. import NavBar..

[JAVA] JDBC사용하기 (Factory 패턴과 PreparedStatement)

공부하는 입장이기 때문에 혹시 글에 잘못된 점이 있다면 댓글로 알려주시면 감사하겠습니다! 저번에 작성했던 글에 이어서 오늘은 JDBC를 작성하는데 사용되는 Factory 패턴과 PreparedStatment에 대한 글을 적으려고 한다. PreparedStatement 저번에 작성했던 글을 보면 SQL문을 보낼 Statement 객체는 3가지 종류가 있다. Statement : SQl을 보내기 위한 통로. 인자가 없음. PreparedStatement : Statement와 동일한데 차이점은 인자값으로 SQL을 받기 때문에 특정한 SQL에 대한 통로라고 생각하면 된다. CallableStatement : PL/SQL을 호출할 때 사용 이 중에서 마지막 statement는 아직 PL/SQL을 배우지 않았기 ..