본문 바로가기

728x90

분류 전체보기47

[인프런 - 스프링 MVC 1편] HTTP 응답 데이터 - HTML, JSON /* 이 글은 김영한님의 강의를 보고 정리하려고 작성한 글입니다. 개인적인 공부를 위해 올리는 글이므로 중간 중간 코드는 생략되었습니다. */ 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습www.inflearn.com 1. HttpServletReponse - HTML 응답 @WebServlet(name="responseHtmlServlet", urlPatterns = "/response-html")public class ResponseHtmlServlet extends Ht.. 2024. 5. 18.

[인프런 - 스프링 MVC 1편] HttpServletResponse 기본 사용법 /* 이 글은 김영한님의 강의를 보고 정리하려고 작성한 글입니다. 개인적인 공부를 위해 올리는 글이므로 중간 중간 코드는 생략되었습니다. */ 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습www.inflearn.com 1. HttpServletResponse 역할 1) HTTP 응답 메시지 생성 - HTTP 응답 코드 지정 - 헤더 생성 - 바디 생성 2) 편의 기능 제공 - Content-Type, 쿠키, Redirect 2. HttpServletResponse 기본 사.. 2024. 5. 18.

[인프런 - 스프링 MVC 1편] HTTP 요청 데이터 /* 이 글은 김영한님의 강의를 보고 정리하려고 작성한 글입니다. 개인적인 공부를 위해 올리는 글이므로 중간 중간 코드는 생략되었습니다. */ 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습www.inflearn.com 1. HTTP 요청 데이터 개요 HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터 전달 방법을 알아보자. 1) GET - 쿼리 파라미터 - /url?username=kim&age=20 - 메시지 바디 없이 URL의 쿼리 파라미터에 데이터를 포함해서 전달 .. 2024. 5. 15.

[인프런 - 스프링 MVC 1편] HttpServletRequest 개요, 사용법 /* 이 글은 김영한님의 강의를 보고 정리하려고 작성한 글입니다. 개인적인 공부를 위해 올리는 글이므로 중간 중간 코드는 생략되었습니다. */ 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습www.inflearn.com 1. HttpServletRequest 개요 1) HttpServletRequest의 역할 : 서블릿은 개발자가 HTTP 요청 메시지를 편리하게 사용할 수 있도록 개발자 대신에 HTTP 요청 메시지를 파싱한다. 그리고 그 결과를 'HttpServletRequ.. 2024. 5. 15.

[인프런 - 스프링 MVC 1편] 서블릿이란, 서블릿 환경 구성 /* 이 글은 김영한님의 강의를 보고 정리하려고 작성한 글입니다. 개인적인 공부를 위해 올리는 글이므로 중간 중간 코드는 생략되었습니다. */ 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습www.inflearn.com 1. 서블릿이란? 자바를 사용하여 페이지를 동적으로 생성하는 서버측 프로그램으로, HTTP 요청과 응답 처리를 위한 스프링에서 제공하는 핵심 기능이라고 할 수 있다. HTTP로 통신할 때 위처럼 많은 과정들이 존재하는데, 서블릿은 그 과정을 간소화 시켜주며 개발.. 2024. 5. 14.

[React] ReactJS로 영화 웹 서비스 만들기 (STATE #1) * 노마드코더 강의 정리 글 입니다. ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React for Beginners nomadcoders.co STATE 1 - 이전 강의에 이어서 계속 - 버튼을 누르면 숫자가 카운트 되는 프로그램을 만드는 중 1. React.js (리렌더링 하는 방법) - 우리한테 어떤게 필요하고, 어떤걸 해야하는지 이해하기 위해 안 좋은 방법부터 시작 - 이렇게 코드를 짜고 실행하게 되면 실제로 counter의 값은 증가하지만 UI가 업데이트 되지 않아 0으로 보인다. (이유는 컴포넌트를 단 한 번만 렌더링 하고 있기 때문) - 동작을 살펴보면, 1. 어플리케이션 실행 ➔ 페이지 로드 2. countUp(), Container()는 함수이기 때문에.. 2024. 2. 22.

[React] ReactJS로 영화 웹 서비스 만들기 (The BASICS OF REACT) * 노마드코더 강의 정리 글 입니다. ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React for Beginners nomadcoders.co The BASICS OF REACT - 리액트 강의 시작 전 JS와 ReactJS를 비교해본다. 위와 같이 클릭 이벤트가 있는 카운트 프로그램을 만든다고 치자. JavaScript Total Clicks : 0 Click me ✔ HTML ➔ JS 순서 React 1 (createElement) - 쉬운방법이 있지만 리액트의 동작 방식을 이해하기 위해서 어려운 방법으로 코드 작성 - 지금 하는 방법을 암기할 필요는 없음 * React : UI를 만들 수 있게하는 엔진 * React-dom : 모든 react element들을 H.. 2024. 2. 21.

[FullCalendar] 풀캘린더 차근차근 달력 생성3 (달력 이벤트 수정, 삭제) 1. 달력 이벤트 수정 일단 수정하기 전 달력 이벤트를 클릭하면 클릭된 이벤트의 정보를 모달에 표시하고 싶었다. 풀캘린더에 이벤트클릭 속성이 있어서 이걸 사용했다. => eventClick : function(info) { } 1-1. 속성 값 가져오기 이벤트 객체에는 여러가지 속성들이 있음 id : 이벤트의 고유 식별자 title : 이벤트의 제목 start / startStr : 이벤트의 시작 일시 end / endStr : 이벤트의 종료 일시 extendedProps : 추가적인 사용자 정의 속성 ... // Firebase에서 일정 가져오기 function loadEvents(fetchInfo, successCallback, failureCallback) { db.collection("events.. 2024. 2. 16.

[FullCalendar] 풀캘린더 차근차근 달력 생성2 (모바일 터치 안됨 해결) * 캘린더 생성은 전 포스팅 참고 [FullCalendar] 풀캘린더 차근차근 달력 생성1 (주말 색 변경 / 시간 표시 제거) * 개인 프로젝트 * FullCalendar는 cdn 사용 * DB는 Firebase 사용 * FullCalendar 라이브러리 문서 참고 Event Parsing - Docs | FullCalendar When you give your calendar event data, whether it’s through an array, a json feed, or the addEven yb-dev-archive.tistory.com 1. 모바일버전 높이 설정 아니, ㅠ 웹에서 잘 동작해서 너무 좋았는데... 모바일로 실행하니 이것저것 문제가 너무 많았다. 우선 잘린 캘린더... con.. 2024. 2. 13.

[FullCalendar] 풀캘린더 차근차근 달력 생성1 (주말 색 변경 / 시간 표시 제거) * 개인 프로젝트 * FullCalendar는 cdn 사용 * DB는 Firebase 사용 * FullCalendar 라이브러리 문서 참고 Event Parsing - Docs | FullCalendar When you give your calendar event data, whether it’s through an array, a json feed, or the addEvent method, you specify the event as a plain JavaScript object with properties. This object then gets “parsed” into a proper Event Object that is then exp fullcalendar.io 1. 기본 캘린더 생성 *HTM.. 2024. 2. 3.

이전 1 2 3 4 5 다음

728x90

티스토리툴바