본문 바로가기

전체 글37

미쳤다 버튼 예술로 만드네 https://inpa.tistory.com/entry/CSS-%F0%9F%92%8D-%EB%B2%84%ED%8A%BC-%EB%94%94%EC%9E%90%EC%9D%B8-%EB%AA%A8%EC%9D%8C#%EA%B3%A0%ED%80%84_%EA%B7%B8%EB%9E%98%ED%94%BD_%EB%8A%90%EB%82%8C%EC%9D%98_%EB%B2%84%ED%8A%BC [CSS] 🎨 버튼(Button) 디자인 스타일 모음 Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 버튼 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 inpa.tistory.com css 디자이너도 존나 천재인거 같아.^^ 2023. 2. 1.
POST $.ajax, fetch 성공코드, 스프링부트 RestController html body 태그 안 input : #div1 #div2 javascript jQuery $.ajax POST 방식 $("#post3").on("click", function() { $.ajax({ url: "/test4", // 클라이언트가 요청을 보낼 서버의 URL 주소 data: JSON.stringify({message: $("#inputText").val()}), // HTTP 요청과 함께 서버로 보낼 데이터 type: "POST", // HTTP 요청 방식(GET, POST) dataType: "text", // 서버에서 보내줄 데이터의 타입 contentType: "application/json; charset=utf-8" }) // HTTP 요청이 성공하면 요청한 데이터가 done().. 2023. 2. 1.
intelliJ 포트가 완전 종료되지 않아 이미 사용 중인 포트라고 뜰 때 서버 열었다가 종료할 때 Terminate를 누르지 않고 Disconnect를 선택할 때마다 이런 상태가 되는데 인텔리제이는 알아서 해제해주지 뭐하냐. cmd 창에서 netstat -ano 사용하는 포트 번호와 pid를 확인한 뒤 taskkill /f /pid [pid번호] 하면 프로세스 종료가 뜬다. 그러면 다시 잘 됨. 2023. 1. 19.
Controller / Put API, Delete API - @putMapping @deleteMapping GetController, PostController와 이용 방법이 겹친다 Put API //http://localhost:8080/api/v1/put-api/default @PutMapping(value = "/default") public String putMethod() { return "Hello putMethod!"; } //http://localhost:8080/api/v1/put-api/member @PutMapping(value = "/member") public String postMember(@RequestBody Map putData) { StringBuilder sb = new StringBuilder(); putData.entrySet().forEach(map -> { sb.app.. 2023. 1. 18.
Controller / Post API - @postMapping Post API 리소스를 추가하기 위해 사용되는 API. @PostMapping : POST API를 제작하기 위해 사용되는 어노테이션 (@RequestMapping + Post method의 조합) 아래는 파라미터 없이 보내는 방식. @RestController @RequestMapping("/api/v1/post-api") public class PostController { @PostMapping(value = "/default") public String postMethod() { return "Hello World"; } 일반적으로 추가하고자 하는 Resource를 http body에 추가하여 서버에 요청. 그렇기 때문에 @RequestBody를 사용하여 body에 담겨 있는 값을 받아야 함. .. 2023. 1. 18.
Controller / Get API - @RestController, @RequestMapping, @GetMapping 등 컨트롤러 모델과 뷰 사이에서 브릿지 역할 앱 사용자로부터 입력에 대한 응답으로 모델 및 뷰를 업데이트 하는 로직을 포함. 사용자의 요청은 모두 컨트롤러를 통해 진행되어야 함. 컨트롤러로 들어온 요청은 모델이 어떻게 처리할지 결정하여 모델로 요청을 전달함. @RestController @Controller @ResponseBody가 결합된 어노테이션. 컨트롤러 클래스 하위 메소드에 @ResponseBody 어노테이션을 붙이지 않아도 문자열과 JSON 등을 전송할 수 있음. View를 거치지 않고 HTTP ResponseBody에 직접 Return 값을 담아 보내게 됨. @RequestMapping MVC의 핸들러 매핑을 위해서 DefaultAnnotationHandlerMapping을 사용. Default.. 2023. 1. 18.