YoonStudyNote

1. Spring이란? Spring은 자바 엔터프라이즈를 편하게 다뤄주는 오픈소스 프레임워크입니다. 라이브러리나 설정을 직접 다 손으로 추가하고 진행했어야 했습니다. 하지만, 이과정에 버전 충돌이라던지 에러들을 많이 만나면서 많은 사람들이 포기하고 프로젝트 만드는데 어려움이 매우 많았습니다. 이것때문에 자바가 생산성이 떨어진다는 말도 많이 나왔습니다. 2. Spring boot spring boot는 기본적으로 필요했던 라이브러리가 미리 내장 되어있고, 간단하게 어노테이션하면서 설정할수있는 경량의 프레임워크입니다. 그렇기 때문에 spring의 기본 기능도 들어있고 tomcat기능까지 같이 들어있습니다.

1. HTTP - POST Method 주소 창에 파라미터가 노출 되지 않습니다. Example) www.localhost:8080/search 주소 창에 사용자의 요청 사항이 노출 되지 않는다. Get 방식에서는 주소 길이 제한이 있지만 POST는 그보다 길게 가능합니다. (제한존재) 브라우저가 주소 캐시를 하지 못하는 특성이 있습니다. 만약 주소가 같다면 springboot는 실행되지 않습니다. 왜냐하면, 어떠한 주소로 매칭시켜야할지 컴퓨터는 알 수 없기 때문에 에러가 뜹니다. 하지만, get과 post는 다른 성질이어도 주소가 같게 설정한다면 springboot는 실행하는데 문제가 전혀 없습니다. post해주는 부분은 SearchParam으로 객체값을 받아올 수 있지만 post body에 data를..

주소 창에 파라미터가 노출됩니다. example : www.localhost:8080/search?id=account&password=1234 브라우저에서 주소에 대한 캐시가 이루어 지므로, 정보를 얻을 떄 사용합니다. 1. RequestMapping & getMapping & RequestParam package com.example.study1.controller; import ch.qos.logback.core.net.SyslogOutputStream; import com.example.study1.controller.model.SearchParam; import org.springframework.web.bind.annotation.*; //Rest 방식의 데이터 자체를 넘겨준다라는 뜻입니다. @..

우선 자신의 ip를 찾아봅니다. 그 ip를 이용해서 html파일을 열으려고 할때, 실패하는것을 알 수 있는데, 그 이유는 공인인지 사설인지에 나뉘게 되기 때문입니다. ip주소의 체계를 보게 된다면 42억개만 만들 수 있기 때문에 숫자가 매우 부족하다는것을 알 수 있습니다. 처음에는 42억개 만으로도 충분하다고 생각했는데, 아니게 된겁니다. 2011년도에 모든 ip를 사용했기 때문에 그 이후에는 새로운 ip주소를 발급하지 않게 됩니다. 이러한 ip고갈의 문제점을 해결하기위해서 ipv6가 나오게 됩니다. ipv6란? ipv4는 기존에 알고있는 체계입니다. ipv6는 훨씬 더 복잡한 체계를 가지고 있습니다. 그 숫자는 2826구 6692양 0938자 4634해 6337경 4607조 4317억 6821만 145..

IP 주소란? Internet Protocol Address 입니다. 아이피 주소를 알아내는 방법을 보겠습니다. 우선 cmd창에 들어갑니다. opentutorials.org의 ip주소를 찾는 방법입니다. 저 숫자를 주소창에 입력하면 들어갈 수 있지만, 상황에 따라서 ip주소는 바뀔 수 있습니다. 구글도 ip주소로 들어 갈 수 있지만, 도메인 주소로 (google.com)으로 입력해서 들어갈 수 있습니다. 즉, 웹사이트로 들어가는 방법은 2가지가 있습니다. 1. IP주소로 들어가기 2. 도메인으로 들어가기 반드시 쌍방이 IP를 가지고 있어야지 통신이 가능합니다. client는 원하는 ip를 서버에 요청하고, 서버는 해당ip를 요청한 client의 ip주소로 요청 ip의 내용을 줍니다. 하지만, ip의 치명..

can I use 로 들어가보면 됩니다. caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com 예를들어서 fetch라는 기능을 검색해보았습니다. 빨간색은 지원하지 않는다는 뜻이고, 95.42%는 얼마나 많이 지원이 되는지 보여주는 것입니다. 이렇게 지원되지 않는 브라우저를 보게된다면, 고민을 해야하는 부분이 있습니다. 이를 해결하기 위해서 "fetch api polyfill"이라고 구글링하고 맨위에 검색어에 나온 github에 들어가 봅니다. github.com/github/fetch github/fetch A window.fetch JavaScript polyfill. Contribute to github/fetch deve..

만약 id값이 three인 구역으로 이동할때, url을 이용하고 싶다면 다음과 같이 주소로 입력하면 됩니다. http://127.0.0.1:5500/Path.html#three 이런과정을 나눈다고해서 fragment라고 하고 그 fragment중에 구분짓기위해서 identifier라고 합니다. 그래서 이러한것을 fragment identifier라고 합니다. 다음과 같이 태그를만들어서 화면에 three를 클릭하면 해당구역으로 이동하게 됩니다. 해쉬값이 무엇이냐에 따라서 ajax로 다른페이지를 로드해서 시작되는페이지를 세팅할 수 있게 됩니다. three로 이동 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem I..

다음의 함수를 살펴보면 알 수 있는것은, 중복되는 코드가 많다는 부분입니다. 중복되는 코드는 따로 만들어서 그 함수를 호출해서 쓰는것이 좋습니다. 다음과 같이 하면 유지보수도 쉬워지고, 코드양이 줄어들고, 가독성도 높아지게 되었습니다. WEB HTML CSS JavaScript

fetch할 내용의 파일을 정하고, 출력되는 내용이 article태그 안에 넣기로 했으므로, 출력되는 원하는 장소를 정해서 article을 입력해줍니다. WEB HTML CSS JavaScript

만약 함수를 만들때, 이곳 저곳 부를곳이 많이 쓸 함수면 이름을 붙히는것이 좋고, 한곳에 독점적으로 사용할때는 이름없는 함수를 사용하는것이 좋습니다. 이것은 둘다 같은 뜻을 가집니다. 다음과같이 기존에 이름있는 함수를 사용해서 then에 함수이름을 넣는 방식이 있다면, 이렇게 함수를 넣는다고 생각을해서, 다음과 같이 function에 있는 내용을 그대로 들고와서안에 넣어도 됩니다. 자, 이제 이름없는 함수를 then에 넣어보았으니, response를 사용해보겠습니다. reponse는 굳이 response라고 쓰지 않으셔도 됩니다. 다른 매개변수이름으로 쓰셔도 response를 사용하실 수 있습니다. 자그럼, 크롬브라우저에서 어떻게 동작하는지 보여드리겠습니다. 다음과 같이 response객체가 잘 작동하는..