siso 프로젝트를 진행하기 위해 관리자는 웹으로 접근하도록 하기 위해 타임리프를 통해 html을 짜야했다. 근데 1학년 때 html을 접해보고 그 뒤로 아예 접해보지 못해 너무 어려웠다.. 오늘은 타임리프에서 팝업창을 통해 동사무소 목록을 띄워볼 것이다. 생각보다 간단하다. html에서 처리해주면 된다. 동사무소 찾기 나는 타임리프를 쓰기 때문에 th:onclick을 통해 어디 주소로 갈 것인지 지정해주면 된다. 추가적으로 div class에서 가운데 정렬 align-items-center만 넣어주면 된다. 실행 결과 이렇게 팝업창이 뜨게 된다! 혹시 부모 창에서 자식 창을 띄워 데이터를 서로 주고받으려면 아래의 포스팅을 참고해주세요! [Thymeleaf/JS] 부모 창에서 자식 창을 띄우고, 자식 창..
나 포함 4명이서 독거노인 관리 프로그램을 만들기로 하였다. 이번 프로젝트는 정말 제대로 만들어보는 프로그램(젤리도 있지만 인강을 듣기 전이다.)이기 때문에 DB 설계를 구체적으로 해보았다. DB 설계를 하면서 DB 공부는 접근 기술만 공부해봤지 직접 짜보는 건 처음이기 때문에 어려웠다... 개요 siso의 개요를 간단하게 말하자면 다음과 같다. 고령화 시대가 계속되면서 문제가 되는 부분은 고독사이다. 전국 지자체에서 고독사 문제를 해결하기 위해 다양한 정책을 하고 있다. 하지만 아래의 뉴스와 같이 안부전화를 돌리는 일을 따로 직원만 둬도 역부족하다. 고독사 위험군 느는데... "안부전화만 돌리는 직원 따로 둬도 역부족" 1인 가구 증가와 맞물려 고독사 위험군이 빠르게 확대되면서 이를 관리하려는 복지당국..
[완성된 프로젝트 깃허브 주소입니다.] GitHub - oddnine/HowMuchMyHouse: [Spring] 아파트 실거래 OPEN API를 사용한 실거래 조회 [Spring] 아파트 실거래 OPEN API를 사용한 실거래 조회. Contribute to oddnine/HowMuchMyHouse development by creating an account on GitHub. github.com 아파트 실거래 조회 프로젝트 HMMH의 실행 결과는 다음과 같다. 부딪힌 점과 느낀 점 프로젝트를 약 3일을 걸쳐 만들었다. 만들면서 살짝 부딪힌 점은 첫 번째로 어떻게 open api의 데이터를 내 방식대로 가공하여 보여줄지에 대한 의문이었다. 그래서 생각한 것은 지역코드 txt 파일을 한 줄씩 읽어 폐지..
[완성된 프로젝트 깃허브 주소입니다.] GitHub - oddnine/HowMuchMyHouse: [Spring] 아파트 실거래 OPEN API를 사용한 실거래 조회 [Spring] 아파트 실거래 OPEN API를 사용한 실거래 조회. Contribute to oddnine/HowMuchMyHouse development by creating an account on GitHub. github.com 프로젝트의 데이터 가져오는 순서도는 다음과 같다. 클라이언트가 url(http://localhost:8080/basic/start?sigungu=서울특별시 성북구&eupmyundong=보문동6가&aptName=보문파크뷰자이&date=202205)로 통해 조회할 아파트 입력 먼저 DB에 접근하여 아파트 거래 ..
[완성된 프로젝트 깃허브 주소입니다.] GitHub - oddnine/HowMuchMyHouse: [Spring] 아파트 실거래 OPEN API를 사용한 실거래 조회 [Spring] 아파트 실거래 OPEN API를 사용한 실거래 조회. Contribute to oddnine/HowMuchMyHouse development by creating an account on GitHub. github.com 국토교통부_아파트매매 실거래 상세 자료 부동산 거래신고에 관한 법률에 따라 신고된 주택의 실거래 자료를 제공 www.data.go.kr 강의를 듣고 마침 팀 프로젝트도 있고 지금까지 배워온 스프링, MVC, DB를 적용해보기 위해 작은 토이 프로젝트를 해보기로 하였다. 그래서 프로젝트의 주제는 크게 중요하지..
[본 포스팅은 스프링 DB 1편 - 데이터 접근 핵심 원리 편을 기반으로 작성하였습니다.] 스프링 DB 1편 - 데이터 접근 핵심 원리 - 인프런 | 강의 백엔드 개발에 필요한 DB 데이터 접근 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 DB 접근 기술의 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습니다., - 강의 www.inflearn.com 트랜잭션이란? 트랜잭션이란 더 이상 나눌 수 없는 가장 작은 하나의 단위를 의미한다. 상황 1: 원자성(Atomicity)) 만약 A 사용자가 B 사용자에게 5000원을 송금한다면? A 사용자 계좌 5000원 감소 B 사용자 계좌 5000원 증가 위처럼 2가지의 작업이 일어나게 되는데, 만약 2번에서 오류가 발생하였을 경우 트..
[본 포스팅은 스프링 DB 1편 - 데이터 접근 핵심 원리 편을 기반으로 작성하였습니다.] 스프링 DB 1편 - 데이터 접근 핵심 원리 - 인프런 | 강의 백엔드 개발에 필요한 DB 데이터 접근 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 DB 접근 기술의 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습니다., - 강의 www.inflearn.com 데이터베이스 커넥션을 획득할 때는 복잡한 과정을 거치게 된다. 간단히 말해 TCP 구조다 보니 3 way handshake를 거쳐 DB의 ID/PW 인증과 내부에 DB 세션을 생성하고... 그 외에 많은 과정을 거친다. 이렇게 커넥션 풀을 사용하지 않고 하나의 커넥션만으로 DB에 접근하여 쿼리문을 전송하게 되면 사용자에게 느린..
[본 포스팅은 스프링 MVC 2편 백엔드 웹 개발 핵심 기술 편을 기반으로 작성하였습니다.] 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 - 인프런 | 강의 웹 애플리케이션 개발에 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. MVC 2편에서는 MVC 1편의 핵심 원리와 구조 위에 실무 웹 개발에 필요한 모든 활용 기술들을 학습할 수 있 www.inflearn.com 인터셉터란? 웹과 관련된 공통 관심 사항을 효과적으로 해결할 수 있는 기술이다. 즉, 인터셉터의 뜻처럼 사용자로부터 서버에 들어온 요청 객체가 핸들러까지 가기 전에 개발자가 추가적인 작업을 할 수 있다. 이 포스팅에서는 로그인이 되어 있지 않은 사용자가 상품에 대한 요청을 할 때 로그인 페이지로 돌려보내는 작업을 해볼..
[본 포스팅은 스프링 MVC 2편 백엔드 웹 개발 핵심 기술 편을 기반으로 작성하였습니다.] 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 - 인프런 | 강의 웹 애플리케이션 개발에 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. MVC 2편에서는 MVC 1편의 핵심 원리와 구조 위에 실무 웹 개발에 필요한 모든 활용 기술들을 학습할 수 있 www.inflearn.com 웹사이트에 로그인을 하게 되면 로그인이 유지된 상태로 서비스를 이용할 수 있어야 한다. 그리고 이용할 수 있게 해주는 것이 쿠키이다. 하지만 쿠키를 사용해서 로그인 Id를 전달하는 쿠키에는 보안 문제가 있다. 쿠키 값은 임의로 변경할 수 있다. 쿠키에 보관된 정보는 훔쳐갈 수 있다. 해커가 쿠키를 한번 훔쳐가면 평생 ..
[본 포스팅은 스프링 MVC 2편 백엔드 웹 개발 핵심 기술 편을 기반으로 작성하였습니다.] 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 - 인프런 | 강의 웹 애플리케이션 개발에 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. MVC 2편에서는 MVC 1편의 핵심 원리와 구조 위에 실무 웹 개발에 필요한 모든 활용 기술들을 학습할 수 있 www.inflearn.com [Spring] Bean Validation이란? / 사용해보기 [본 포스팅은 스프링 MVC 2편 백엔드 웹 개발 핵심 기술 편을 기반으로 작성하였습니다.] 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 - 인프런 | 강의 웹 애플리케이션 개발에 필요한 모든 웹 기술 9hyuk9.tistory.com 이 게시글에서..
