본문 바로가기
728x90

전체 글215

masOS 맥 실행중인 포트 확인, 포트 죽이기 맥 실행중인 포트 확인 명령어는 lsof -i :8080 [예시] lsof -i :8080 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME java 1234 비타민찌 IPv6 0t0 TCP *:http-alt (LISTEN) 실행 중인 포트 죽이기 명령어 kill -9 PID번호 [예시] kill -9 1234 2022. 1. 17.
스프링부트, 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의 form 태그입니다. 이 글에서는 별도의 스크립트나 스타일 없이, 오직 HTML 코드만으로 회원가입 폼을 구성하는 방법을 정리했습니다. 아이디, 비밀번호, 이메일, 이름, 주민등록번호 입력란 등을 순수 HTML 태그만으로 구현했습니다. 완성된 페이지: 코드 : 회원 기본 정보 * 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 * 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 .. 2021. 7. 22.
728x90

티스토리툴바