Developing/TIL(Develop)67 정적페이지와 동적페이지 정적페이지와 동적페이지 정적 페이지 static에 html넣고 호출해보기 resources→static→new→HTML→hello.html 만듦 Hello, Spring 정적 웹 페이지!! (static) main→java→com.~~→html→HtmlController 만듦 package com.sparta.springmvc.html; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HtmlController { private static long .. 2023. 11. 3. Controller이해하기 Controller이해하기 프로젝트 생성 Name: spring-mvc Language: Java Build system: Gradle - Groovy Group: com.sparta JDK: 17 프로젝트 경로(Location)는 자유롭게 설정 Dependencies Thymeleaf, Spring web, ,lombok 추가 controller package만듦 그리고 HelloController 클래스 생성 package com.sparta.springmvc.controller; import org.springframework.stereotype.Controller; @Controller//->이거 달아 public class HelloController { } package com.sparta.s.. 2023. 11. 2. Spring MVC Spring MVC Model-View-Controller M : Model V : View C : Controller 소프트웨어 디자인 패턴 중 하나 디자인 패턴: 소프트웨어 개발 방법들을 패턴화 해 놓은것 MVC 패턴은 소프트웨어를 구성하는 요소들을 Model, View, Controller로 구분하여 각각의 역할을 분리 Model 데이터와 비즈니스 로직을 담당 데이터베이스와 연동하여 데이터를 저장하고 불러오는 등의 작업을 수행 View 사용자 인터페이스를 담당 사용자가 보는 화면과 버튼, 폼 등을 디자인하고 구현 Controller Model과 View 사이의 상호작용을 조정하고 제어 사용자의 입력을 받아 Model에 전달하고, Model의 결과를 바탕으로 View를 업데이트함 MVC 패턴은 소프트.. 2023. 11. 2. Lombok과 application.properties setting → annotation properties → Enable annotation processing → apply,OK double shift → 파일을 찾을 수 있음 plugins 검색 installed → Lombok 검색 추가가 안 되어있다면 추가하기 package com.example.practice; import lombok.*; public class Memo { private String username; private final String contents; } lombok에 또 빨간줄 뜸 dependencies에 이거 추가해봄 compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok.. 2023. 11. 2. 테스트코드 테스트코드 테스트의 필요성 버그 : 소프트웨어가 예상하지 못한 결과를 내는 것 '소스 코드'나 '설계과정에서의 오류' 때문에 발생 테스트 : 소프트웨어가 예상한대로 결과를 내는지 모든 상황을 체크해보기 버그는 사용자에게 큰 불편을 주고 회사에 큰 손실을 줌 개발 코드 배포 전 버그를 최대한 많이 찾아내기 위해 테스트를 함 테스트의 종류 블랙박스 테스팅 소프트웨어 내부 구조나 동작원리를 모르는 블랙박스와 같은 상태에서(사용자 입장) 동작을 검사 장점 누구나 테스트가 가능 단점 기능이 증가될 수록 테스트의 범위가 증가 시간이 갈수록 테스트하는 사람이 계속 늘어나야 테스트 하는 사람에 따라 테스트 퀄러티가 다름→ QA 직군이 있는 이유 개발자 테스트 개발자가 직접 "본인이 작성한 코드"를 검증하기 위해 "테스.. 2023. 11. 2. 웹/Spring 기초 개념 공부 서버란 무엇인가 clients ↔ response ↔ internet ↔ request ↔ server 사용자의 요청이 서버에 도달하기 위해서는 ip주소가 필요함 웹 서버 : 클라이언트에게 요청을 응답하는 일종의 컴퓨터 브라우저를 통해 HTTP Request로 웹사이트를 웹서버에 요청 이후 웹서버는 요청을 승인하고 HTTP Response를 통해 웹사이트 데이터를 브라우저에 전송 마지막으로 브라우저는 서버에서 받아온 데이터를 이용해 웹사이트를 브라우저에 그 브라우저가 웹서버에 GET method로 요청 API(application programming interface)는 다른 소프트웨어 시스템과 통신하기 위해 따라야 하는 규칙을 정의합니다. 인터페이스(interface)는 서로 다른 두 개의 시스템, .. 2023. 11. 1. 첫 실습! HelloWorld GET해오기 with SpringBoot + Postman 1. 깃과 인텔리제이 설정 우선 깃과 인텔리제이를 설치해줌 인텔리제이에서 Auto import 설정 setting → Editor → General → Auto import → Add unambiguous imports on the fly , Optimize imports on the fly , Always 에 체크함 Git Repository 생성하기 최상단의 프로젝트를 파랗게 되게 클릭 후 VCS → Create Git Repository Gradle이란? 빌드 자동화 시스템 자바 코드를 설정에 맞게 자동으로 빌드해줌 Build 소스코드를 실행 가능한 결과물로 만드는 일련의 과정 우측 탭 Gradle → Tasks→ build → build 클릭 왼쪽 탭 project → build → libs(li.. 2023. 11. 1. Spring 입문 웹 동작방식 이해하기 IP주소 : 네트워크망에서 데스크탑 식별 위치 주소 데이터 송수신 기준 주소 브라우저 : 웹페이지 이미지 비디오등의 컨텐츠를 송수신/ 컨텐츠를 표현 DNS : 도메인 이름을 IP주소로 변환해서 원하는 웹사이트로 중개해줌 HTTP : 웹 상에서 요청을 보내고 받는 상호간의 약속, 형식 API : Application programming interface : 다른 소프트웨어 시스템과 통신하기 위해 따라야 하는 규칙 개발자는 다른 애플리케이션이 프로그래밍 방식으로 애플리케이션과 통신할 수 있도록 API를 표시하거나 생성함 클라이언트와 웹 리소스 사이의 게이트웨이 Interface : 서로 다른 두개의 시스템의 경계, 중개 RESTful API REST : Representational .. 2023. 10. 31. 스파르타코딩클럽 사전캠프 5주차 db연결 복습+ 배포 어제 한 거랑 똑같이 스파르타플릭스도 db연결한다 DB에 저장 $("#postingbtn").click(async function () { let image = $('#image').val(); let title = $('#title').val(); let comment = $('#comment').val(); let stars = $('#stars').val(); let doc = { 'image': image, 'title': title, 'stars': stars, 'comment': comment } await addDoc(collection(db, "movies"), doc); window.location.reload(); }) 잘 들어가는 모습을 확인할 수 있다 DB에서 불러오기 let doc.. 2023. 9. 27. 이전 1 ··· 3 4 5 6 7 8 다음
