본문 바로가기
728x90

전체 글196

스프링부트, MVC 패턴 View의 역할과 생성 Spring Boot 🍃 View(뷰)의 역할과 생성 Thymeleaf ​ MVC 패턴은 애플리케이션의 역할을 모델(Model), 뷰(View), 컨트롤러(controller)로 나누어, 이들 사이 상호작용을 통제하는 아키텍처 패턴이다. 이번 포스팅에서는 View의 역할과 생성 방법을 알아본다. 컨트롤러에 대한 포스팅 링크 ​ 📍 View (뷰) 뷰는 사용자가 보는 화면, 즉 컨트롤러가 사용자에게 보내주는 것에 해당한다. 그러나 뷰를 만들 수 있는 것은 여러가지가 있다. 전통적으로는 html, jsp. 그리고 '템플릿엔진'이다. ​ '템플릿엔진' 이란? 템플릿엔진이란, 동적 컨텐츠를 생성하는 방법이다. ​ view만 만드는데 사용하는 것이 아니다. 여러 가지 용도(code generation, email.. 2021. 8. 4.
스프링부트, MVC 패턴 Controller(컨트롤러)의 역할과 생성 (URI) Spring Boot 🍃 Controller(컨트롤러)의 역할과 생성 ​ ​ 🧐 MVC 패턴 애플리케이션의 역할을 모델(Model), 뷰(View), 컨트롤러(controller)로 나누어, 이들 사이 상호작용을 통제하는 아키텍처 패턴이다. 1. 모델(Model) : 비즈니스 규칙을 표현 2. 뷰(View) : 프레젠테이션을 표현 3. 컨트롤러(Controller) : 위 두가지를 분리하기 위하여 양측 사이에 배치된 인터페이스. ​ 이번 포스팅에서는 MVC 패턴의 개념과 Controller의 개념, 그리고 스프링 부트에서 Controller 생성 하는 방법을 알아본다. ​ ​ 1. Controller의 두가지 역할 Controller는 MVC 패턴의 C에 해당하고, 주로 사용자의 요청을 처리 한 후 지정.. 2021. 8. 4.
인텔리제이(IntelliJ) 프로젝트와 깃(Git) 연동하기 인텔리제이(IntelliJ) 프로젝트와 깃(Git) 연동하기 GitHub에 새로운 remote repository를 만들고 기존 IntelliJ 프로젝트(모듈)을 연동하는 방법에 대해 다룬다. 과정은 다음 순서로 진행된다. ​ 1) IntelliJ에 GitHub 계정 연동 2) Git에서 새 레포지토리 만들기 (GitHub Remote Repository 생성) 3) 리모트 레포지토리 등록하기 4) 로컬 레포지토리 만들기 5) commit, push ​ 1. IntelliJ에 GitHub 계정 연동 깃 계정 연동 맥에서의 Preferences, 윈도우에서 Settings 를 클릭한다. ​ 좌측의 GitHub 탭을 클릭하고, 계정 정보를 입력 후 [Log In]을 클릭한다. ​ 버튼을 눌러 깃에 로그인 혹.. 2021. 8. 4.
Spring Boot🍃 스프링부트 프로젝트 생성, 스프링부트 프로젝트 구조 Spring Boot 🍃 스프링부트 프로젝트 생성하는 법과 스프링부트 프로젝트 구조 (src/main/java, src/main/resources, src/test/java, build.gradle) 에 대해 알아본다. ​ ​ 1. 스프링부트 프로젝트 생성 [New Project] [ Spring initializr ] ​ ​ 위와같이 설정 하고 Next, ​ Next, ​ Next, ​ 마지막으로 앞에 입력했던 프로젝트 이름을 입력하고 Finish를 클릭하면 스프링부트 프로젝트가 생성된다. ​ ​ ​ 2. 스프링부트 프로젝트 구조 프로젝트를 생성했다면, 이제 스프링부트 프로젝트의 구조에 대해 알아보자. 다음 네 파트로 나누어 설명한다. ​ (1) src/main/java (2) src/main/reso.. 2021. 8. 4.
📦 MSA 아키텍처 프로젝트 (MSA 아키텍처, MSA 적용사례, Netflix OSS, Spring Cloud Netflix) 해당 포스팅은 마이크로서비스 아키텍처(MSA 아키텍처)를 활용하여 커피 주문(가입, 주문, 상태) 시스템을 구축하는 프로젝트의 보고서의 서론 부분(MSA 아키텍처란 무엇인가)을 요약한 것 입니다. 본론에 해당하는 MSA 프로젝트 구축 글은 곧 업로드 예정입니다. 목차 : 1. IT 업계의 트렌드, MSA 2. MSA, 무엇인가? 3. MSA 적용사례 🚖 우버, MSA 아키텍처 VS 모놀로식 🍿 넷플릭스, 넷플릭스 OSS 1. IT 업계의 트렌드, MSA 넷플릭스가 서버를 1,000조각으로 쪼갠 이유, 왜 MSA? "암스트롱." 프로젝트를 선정한 이유와 관련이 있는 단어입니다. 암스트롱(AMstrong)이란, ‘애플리케이션 현대화’ 프로젝트를 강하게(strong) 추진하자는 신조어인데요, 애플리케이션 현대.. 2021. 7. 23.
비동기 통신과 AJAX (동기 비동기의 개념, 차이,장단점, 예시, 콜백함수, 콜백지옥) 비동기 통신과 AJAX (동기 비동기의 개념, 차이,장단점, 예시, 콜백함수, 콜백지옥) 데이터를 받는 방식인 동기와 비동기 그리고 AJAX. 각각이 무엇이며, 어떤 특징이 있는지 예시를 통해 알아본다. 0. 동기와 비동기 개념 동기(synchronous : 동시에 일어나는) - 요청을 하면 (바로) 응답을 받는다는 의미. 말 그대로 동시에 일어난다는 뜻. 요청과 그 결과가 동시에 일어난다는 약속. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다. -> 요청과 결과가 한 자리에서 동시에 일어남. -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 동시에 일어나지 않는다를 의미. .. 2021. 7. 22.
jQuery | 자바스크립트와 제이쿼리 비교, 제이쿼리 사용법 1. 자바스크립트, 제이쿼리 자바스크립트는 웹브라우저에서 작동하는 스크립트이다. 기능성 홈페이지 99% 이상이 이 기술을 사용하고 있다고 해도 될 정도로 많이 쓰이고 있다. ​ 그렇다면 jQuery 는? jQuery 역시 자바스크립트이다. 다만 자바스크립트로 빈번하게 사용되는 기능들을 조금 더 함축적인 코드를 통해 사용하게 만든 라이브러리, 즉 기능 덩어리 라고 할 수 있다. 그렇다면 두 가지의 차이점은 뭘까? 2. 자바스크립트, 제이쿼리 코드 비교 아래의 코드를 보면 조금 더 확실한 차이점이 보인다. [스크립트] function printArray() { var objResult = document.getElementById("result"); var objItem = document.getElemen.. 2021. 7. 22.
HTML로만 html 회원가입 폼 만들기 html로만 회원가입 폼 만들기! 스크립트 입히기 전 입니다. 완성된 페이지: 코드 : 회원 기본 정보 * 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 * 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 * 비밀번호확인: * 메일주소: 예) id@domain.com * 이름: 개인 신상 정보 * 주민등록번호 : - 예) 123456-1234567 생일 : 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: 참고 자료: 1. 오디오 태그 : https://yangbari.tistory.com/24 ​ 2. 달력 태그 : https://blog.naver.com/PostView.nh.. 2021. 7. 22.
📝 정처기 필기 요약 '데이터 베이스' 요약 정리 정처기 필기 준비 했을 당시 정리해둔 문서 입니다. 1. 데이터 베이스 정의 (1) 정보와 데이터 ① 데이터 관찰이나 측정을 통해서 수집된 사실이나 값 (수치, 스트링) ② 정보 데이터를 가공하여 얻은 결과로써 부가가치를 지니며 의사 결정을 할 수 있게하는 유효한 해석이나 상호 관계. (2) 데이터베이스 정의 - 어느 한 조직에서 다수의 응용 시스템들이 공용으로 사용하기 위해 통합 저장된 운영 데이터의 집합 (=데이터 저장 방식) - 상호 연관 있는 데이터들의 체계적인 집합체. 1) 장점 - 데이터의 논리적 독립성, - 물리적 독립성, - 무결성 유지, - 중복의 최소화 (중복이 '없다'는 것은 아님!) - 불일치 제거, - 공유의 편리, - 보안성 유지 용이함. (중앙에 데이터가 있으니 중앙 컴퓨터에만.. 2021. 7. 22.
728x90

티스토리툴바