이 날은 데이터 유효성 체크와 오류를 관리하는 방법을 배우고, React와 Tailwind CSS 등 백엔드 개발에 필요한 기본적인 프론트엔드 지식도 함께 학습했다. 앞으로 백엔드 개발을 진행하는 데 필요한 최소한의 프론트엔드 강의를 오후에 진행한다고 하셔서, 백엔드와 프론트엔드가 어떻게 연결되는지 이해하는 데 도움이 될 것 같다.
다만 앞으로 실습 시간이 줄어들면서 배운 내용을 정리할 시간이 부족해지고 있어서 조금 걱정된다. 그래도 그날 배운 내용을 정리하는 습관은 꾸준히 유지하고 싶다.
1. [Spring] HTML Form을 이용해 게시글 작성하기
[Spring] HTML Form을 이용해 게시글 작성하기
웹 애플리케이션에서 사용자가 게시글을 작성하려면 입력할 수 있는 Form을 제공하고, 사용자가 입력한 데이터를 서버로 전송하여 저장하는 과정이 필요하다.이번에는 Spring Boot에서 HTML Form을 사
hyemzzi.tistory.com
2. [Spring] Validation으로 입력값 검증하기
[Spring] Validation으로 입력값 검증하기
[Spring] HTML Form을 이용해 게시글 작성하기 [Spring] HTML Form을 이용해 게시글 작성하기웹 애플리케이션에서 사용자가 게시글을 작성하려면 입력할 수 있는 Form을 제공하고, 사용자가 입력한 데이터
hyemzzi.tistory.com
3. [Spring] Validation 오류 처리하기 - BindingResult 활용
[Spring] Validation 오류 처리하기 - BindingResult 활용
앞서 @Valid를 사용하여 게시글 작성 Form의 입력값을 검증하였다.하지만 Validation에 실패했을 때 단순히 예외가 발생하도록 두는 것보다는, 어떤 입력값이 잘못되었는지 사용자에게 알려주고 다시
hyemzzi.tistory.com
4.DOM, Element, Tag의 차이 이해하기
DOM, Element, Tag의 차이 이해하기
웹 개발을 시작하면 DOM, Element, Tag라는 용어를 자주 접하게 된다.HTML을 작성하고 JavaScript로 웹 페이지를 조작하기 위해서는 이 세 가지 개념의 차이를 이해하는 것이 중요하다.이번 글에서는 DOM,
hyemzzi.tistory.com
5. [React] 컴포넌트와 JSX 기본 문법 이해하기
React 컴포넌트와 JSX 기본 문법 이해하기
React에서는 HTML과 비슷한 문법을 사용하여 화면을 구성할 수 있다.하지만 React에서는 화면을 컴포넌트(Component) 단위로 나누어 관리한다.이번에는 React의 기본 코드를 살펴보고, 컴포넌트와 JSX의
hyemzzi.tistory.com
6. [React] Tailwind CSS로 React 스타일링하기
Tailwind CSS로 React 스타일링하기
React로 화면을 구성하다 보면 HTML 요소에 다양한 스타일을 적용해야 한다.일반적으로 CSS 파일을 작성하고 HTML 요소에 클래스를 지정하는 방법을 사용할 수 있지만, Tailwind CSS를 사용하면 미리 정
hyemzzi.tistory.com
7. [React] Props와 구조 분해 할당으로 컴포넌트 재사용하기
[React] Props와 구조 분해 할당으로 컴포넌트 재사용하기
React에서는 화면을 여러 개의 컴포넌트(Component)로 나누어 작성할 수 있다.컴포넌트를 사용하면 동일한 구조의 UI를 반복해서 작성하지 않고 하나의 컴포넌트를 여러 곳에서 재사용할 수 있다.하
hyemzzi.tistory.com
'회고 > 프로그래머스 데브코스' 카테고리의 다른 글
| 백엔드 데브코스 12기 24일차 (0) | 2026.08.12 |
|---|---|
| 백엔드 데브코스 12기 23일차 (0) | 2026.08.11 |
| 백엔드 데브코스 12기 21일차 (1) | 2026.08.07 |
| 백엔드 데브코스 12기 20일차 (0) | 2026.08.06 |
| 백엔드 데브코스 12기 19일차 (0) | 2026.08.05 |
댓글