인프런28 [HTTP] HTTP 메서드 활용 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1. 클라이언트에서 서버로 데이터 전송 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 ▶ 클라이언트에서 서버로 데이터 전송 클라이언트에서 서버로 데이터 전달 방식은 크게 2가지가 있다. 1) 쿼리 파라미터를 통한 데이터 전송 - GET - 주로 정렬 필터(검색어) 2) 메시지 바디를 통한 데이터 전송 - POST, PUT, PATCH - 회원 가입, 상품 주문, 리소스 등록, 리소스 변경 ▶ 클라이언트에서 서버로 데이터 전송 4가지 상황 1) 정적 데이터 조회 이미지, 정적 텍스트 문서등을 조회하며, 보통 GET을 많이 사용한다. 쿼리 파라미터 없이 단순.. BackEnd/WEB 2022. 1. 31. [Thymeleaf] 템플릿 조각 인프런 김영한님의 Spring강의에서 공부한것을 올리며, Thymeleaf의 경우 unit 단위로 공부후 각각 정리하는 글을 작성하겠습니다. 템플릿 조각 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 웹페이지를 개발할때는 공통된 부분이 많다. 상단의 네비게이션 바, 하단의 저작권 표시 부분등 어느 페이지에 가던 공통적으로 처리되는 부분이 있다. 타임리프는 이런 문제를 해결하기 위해 템플릿 조각과 레이아웃 기능을 지원한다. 우선 이번 글을 결과물을 살펴봐야 이해가 가기 때문에 컨트롤러와 뷰 코드부터 먼저 살펴봅시다. @Controller @RequestMapping("/template") public class TemplateController { @GetMapping(".. BackEnd/Thymeleaf 2022. 1. 29. [Thymeleaf] 자바스크립트 인라인 인프런 김영한님의 Spring강의에서 공부한것을 올리며, Thymeleaf의 경우 unit 단위로 공부후 각각 정리하는 글을 작성하겠습니다. 자바스크립트 인라인 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 타임리프는 자바스크립트에서 타임리프를 편리하게 사용할 수 있는 자바스크립트 인라인 기능을 제공한다. 자바스크립트 인라인 기능은 다음과 같이 적용하면 된다. 결과는 다음과 같습니다. ● 텍스트 렌더링 결과 창에서 F12 를 눌러 개발자도구를 열어보면 다음과 같은 경고를 확인할 수 있습니다. UserA가 정의되지 않았다는 경고를 보여주고 있습니다. 이는 var username = UserA; 부분에서 오류가 있기 때문입니다. 문법이 오류이기 때문이죠! var userna.. BackEnd/Thymeleaf 2022. 1. 28. [Thymeleaf] 블록 인프런 김영한님의 Spring강의에서 공부한것을 올리며, Thymeleaf의 경우 unit 단위로 공부후 각각 정리하는 글을 작성하겠습니다. 블록 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 블록은 HTML 태그가 아닌, 타임리프의 유일한 자체 태그이다. 블록은 each 문에서의 불편한점을 보완하는데, 어떤 부분을 보완하는지는 다음 코드를 살펴보자. 컨트롤러와 뷰 코드는 다음과 같다. @GetMapping("/block") public String block(Model model){ List list = new ArrayList(); list.add(new User("UserA", 10)); list.add(new User("UserB", 20)); list.add(n.. BackEnd/Thymeleaf 2022. 1. 28. [Thymeleaf] 주석 인프런 김영한님의 Spring강의에서 공부한것을 올리며, Thymeleaf의 경우 unit 단위로 공부후 각각 정리하는 글을 작성하겠습니다. 주석 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 원래 주석은 너무 간단한 내용이라 정리하지 않으려다가... 또 타임리프 주석중에 신박한 주석이 있어 이를 위해 글을 작성한다. 간단한 컨트롤러와 뷰 코드를 작성해보자! @GetMapping("/comments") public String comments(Model model){ model.addAttribute("data", "zbqmgldjfh"); return "basic/comments"; } 예시 html data 1. 표준 HTML 주석 2. 타임리프 파서 주석 html .. BackEnd/Thymeleaf 2022. 1. 28. [HTTP] HTTP 기본 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1. 모든 것이 HTTP " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 ● HTTP (HyperText Transfer Protocol) 원래 HTTP는 html 파일을 주고받기 위한 프로토콜이였지만, 현재는 거의 모든것을 전송하는 프로토콜이 되었다. - HTML, TEXT - IMAGE, 음성, 영상, 파일 - JSON, XML (API) - 거의 모든 형태의 데이터 전송 가능 - 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용 ● HTTP 역사 크게 3가지 HTTP가 주로 사용된다. - HTTP/1.1 1997년도에 나왔으며, 가장 많이 사용하.. BackEnd/WEB 2022. 1. 27. C++ 공부 섹션20 : 홍정모의 따배씨쁠쁠 <완강> 내돈내고 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1) 섹션20 드디어 마지막 시간이다. 이번시간에는 C++ 내용 위주라기보다는 알고 있어야할 상식에 대하여 알려주셨다. 정리는 간단이 할 예정이다. 20-1 비쥬얼 스튜디오로 프로파일링 하기 디버그 모드에서 사용하는 진단모드에서 CPU사용량과 메모리 사용량에 대하여 배웠고, 릴리즈 모드에서 프로파일링 하면서 가장 연산량을 많이 먹는 코드를 찾아가는 법을 배웠다. 8:2의 법칙 : 연산량의 80%를 전체 코드의 20%가 차지하는 것 이 일반적이다. 가장 느린부분을 하나 찾아서 거기에 80%의 노력을 들여서 맞추면 전체적으로 빨리지는 경향이 있다. 20-2 깃, 깃헙 시작하기 Gi.. CS/C++ 2022. 1. 18. C++ 공부 섹션19 Modern C++ : 홍정모의 따배씨쁠쁠 내돈내고 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1) 섹션19 이번 단원에서는 modern C++에서의 필수 요소들에 대하여 배웠다. 19-1 람다 함수와 std::funtion std::bind, for_each 이번에는 현대적 프로그래밍의 유연성을 높혀주고, 부담을 줄여주는 람다함수 그리고 std::funtion에 대하여 알아보자. 람다함수는 '익명함수' 라고도 불린다. C++뿐만 아니라 다른 언어들에서도 사용하고 있다. 우선 구조를 알아보자. #include #include #include using namespace std; int main(void) { // lambda-introducer [] // lambda-pa.. CS/C++ 2022. 1. 17. C++ 공부 섹션17 String : 홍정모의 따배씨쁠쁠 내돈내고 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1) 섹션17 이번시간에는 string에 대하여 집중적으로 배웠다. 17-1 std::string과 std::wstring 문자열 사용을 편리하게 하기위한 string class가 준비되어있다. 기존의 C-style의 방식은 번거롭다. #include #include #include #include using namespace std; int main() { // c-style string example //{ //char* strHello = new char[7]; //strcpy_s(strHello, sizeof(char) * 7, "hello"); //std::cout CS/C++ 2022. 1. 17. C++ 공부 섹션15 스마트포인터 : 홍정모의 따배씨쁠쁠 내돈내고 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1) 섹션15 이번시간에는 스마트 포인터에 대하여 배웠다. 15-1 이동의 의미와 스마트 포인터 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 C++에서 동적메모리를 직접 관리하는것은 불편하다. 이러한 부분을 개선한 smart pointer가 무엇인지? 어떤 역할을 하는지에 대하여 배우게 되었다. Resource.h #pragma once #include class Resource { public: int m_data[100]; public: Resource() { std::cout HTML 삽입 미리보기할 수 없는 소스 소스코드 중 Timer.. CS/C++ 2022. 1. 17. C++ 공부 섹션11 상속 : 홍정모의 따배씨쁠쁠 내돈내고 내가 공부한것을 올리며, 중요한 단원은 저 자신도 곱씹어 볼겸 상세히 기록하고 얕은부분들은 가겹게 포스팅 하겠습니다. 1) 섹션11 처음 상속을 배웠는대 약간 복잡성이 더해진 class인것 같다. 뇌를 자극하는 재미가 있는 단원인것 같다. 글을 다 쓰고나니 진짜 내 영혼을 갈아넣은듯한 느낌으로 포스팅 하였다. 누가보든 C++ 이전내용의 기반이 있다면 이해가능하도록 하나하나 서술하였다. ◆ 이번시간에는 상속(inheritance)에 대하여 집중적으로 배웠다. 효율적인 class의 사용법이며, 숙련되면 초기부터 디자인할때 상속관계를 생각하면서 구성한다 알려주셨다. ◆ 11-1 상속의 기본 (1/2) #include using namespace std; class Mother { int m_i; p.. CS/C++ 2022. 1. 16. C++ 공부 섹션10 객체관계 : 홍정모의 따배씨쁠쁠 내돈내고 내가 공부한것을 올리며, 시간을 들여 배운과정을 복습하기보다는 간결히 공부한 흔적은 남긴다 하고 생각하고 써갈 예정입니다. 모든 내용을 이곳에 올릴수는 없으며, 그중 기억남은 몇가지 내용 위주만 올리겠다. 1) 섹션9 확실히 생각을 다시 곱씹어가며 한줄 한줄 블로그에 정리하며 공부하는 것 크게 도움되는 것 같다. 이번 시간에는 객체지향에 대한 보편적인 사용법과 방식들을 공부하게 되었다. class와 object들의 관계를 위주로 배우게 되었다. ◆ 10-1 class에는 크게 4가지의 관계들이 있었다. 구성, 집합, 연계, 의존 관계가 있었으며 각각에 대해서는 코드를 보면 더욱 명확히 히해할수 있다. 간단히 실생활 예로 먼저 생각해보면, 1. 구성: 뇌(부품)와 사람(전쳬) 에서는 뇌가 사람의.. CS/C++ 2022. 1. 16. 이전 1 2 3 다음