👩‍💻 Jinsol's Blog 👩‍💻 |

PUT API / DELETE API

12 Oct 2021 - 1 minute read

PUT API PutApiController.java package com.example.put; import dto.PostRequestDto; import org.springframework.web.bind.annotation.PutMapping; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; @RestController @RequestMapping("/api") public class PutApiController { @PutMapping("/put") // public void put(@RequestBody PostRequestDto requestDto){ // System.out.println(requestDto); public PostRequestDto put(@RequestBody PostRequestDto requestDto){ return requestDto; // 객체(클래스)의 형태에 이름의 룰을 가지고 바로 제이슨의 데이터로 바꿔서 response가 내려가도록 할... Continue reading...

JSON / POST API

12 Oct 2021 - 1 minute read

JSON JSON : JavaScript Object Notation 네트워크를 통해 데이터를 주고 받는 데이터 형식 key(name) - value 한 쌍 { "key : name" } string / number / boolean / objecet : { } / array : [ ] ex) { //string "phone_number" : "010-1234-5678", //number "age" : 10, //boolean "isAgree"... Continue reading...

[QUIZ][리팩토링] 간단한 페이지 구현

11 Oct 2021 - 6 minute read

간단한 페이지 구현 리팩토링 HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>산업대학교</title> <link rel="stylesheet" href="style/style.css"> </head> <body>  <div id="headerWrap"> <header id="header" class="flex-container"> <div id="siteLogo"> <a href="#"> <img src="images/headerLogo.png" alt="logo"> </a> </div>  <nav id="gnb"> <ul id="mainMenu"... Continue reading...

[QUIZ] 간단한 페이지 구현

11 Oct 2021 - 5 minute read

지금까지 배운 걸 활용해 간단한 페이지를 구현해보자! 👊 HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>산업대학교</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div id="wrap"> <header id="header" class="flex-container"> <div id="headerLogo"></div> <div id="gnbMenu"> <ul id="mainMenu" class="flex-container"> <li class="mainLi"> <a href="#">대학소개</a> <ul class="subMenu"> <li class="subLi"><a href="#">총장인사말</a></li>... Continue reading...

[jQuery] 모달 레이어 팝업

10 Oct 2021 - 1 minute read

제이쿼리를 이용해 모달 레이어 팝업 구현하기 See the Pen 모달 레이어 팝업 by Jinsol (@losuif) on CodePen. HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Layer PopUp</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div id="wrap"> <h1>레이어 팝업 구현</h1> <div id="noticeLayerPop"> <a href="#">공지사항 팝업 확인... Continue reading...