📚 필수 과제1. 점심 메뉴 등록 화면 만들기더보기더보기1️⃣ 목적사용자 입력을 기반으로 데이터를 구성하는 구조를 익힌다.HTML, 등의 활용법을 익힌다.2️⃣ 구현 내용메뉴 등록용 HTML 페이지(register.html)를 만들고, 입력 필드를 구성해보세요.이름, 맵기, 가격, 종류, 기분을 입력받는 form을 작성해보세요. 등록하기 목록보기 처음으로 과제 4번을 진행하며 수행했던 등록화면을 그대로 인용하였고 일부 수정하여 기능을 추가함기존에는 음식 이름에 대한 입력기능이 없었던 점을 고려, input type = "text" 형태의 추가 데이터 형성 필수기능 4번에서 요구하는 문제이나 화면 구성을 위해 등록하기 버튼 이외에 저장된 목록을..

📚 필수 과제1. 점심 메뉴 등록 API 설계더보기1️⃣ 목적POST 요청 구조와 요청 본문 설계 방법을 익힌다.필요한 필수값과 선택값을 구분해 API를 설계한다.2️⃣ 구현 내용메뉴 이름, 맵기 정도, 가격, 음식 종류, 생성일를 포함한 새로운 점심 메뉴를 등록하는 API를 설계해보세요. 각 항목을 등록(POST) 하도록 설계를 진행 mock server의 주소는 https://94acadfa-93cc-43a2-9a5d-f724416c69d4.mock.pstmn.io 로 구성 각 필요 요소에 따른 값과 예시 상황을 설정하여 기입하였음 Postman에서의 Request 개념은 API 요청 하나를 정의하는 단위Example은 Request에 매달려 있는 샘플 개념의 정의라고 이해하도록 하자 2. 전체 점..

📚 필수 과제1. 점심 메뉴 추천 페이지 레이아웃 만들기더보기더보기더보기더보기1️⃣ 목적웹 페이지의 기본 레이아웃을 구성하는 구조를 이해한다.시맨틱 태그와 태그의 구조를 익힌다.2️⃣ 구현 내용점심 메뉴 추천을 위한 입력 form과 결과 영역이 있는 페이지를 구성해보세요.맵기 정도, 예산, 음식 종류, 오늘의 기분 🍱 점심 메뉴 추천기 🌶️ 맵기 정도 ===맵기를 선택하세요=== 매운거 싫어요 살짝 매운 맛 기본 매운 맛 ..

📚 필수 과제1. 할 일 입력 영역 구현하기더보기더보기더보기1️⃣ 목적 또는 태그의 구조와 특징을 익힌다.사용자 입력값을 JS로 처리하는 방법을 학습한다.2️⃣ 구현 내용할 일을 입력받을 입력 필드를 만들어보세요./* css 코드 *//* [추가] 입력 UI 최소 스타일 */#todo-form { display:flex; gap:8px; align-items:stretch; }#todo-input { flex:1; padding:10px; border:2px solid gray; border-radius:6px; resize:none; }#submit-btn { background:green; color:white; border:none; border-radius:6px; padding:0 20px;..

📚 필수 과제1. 프로필 전체 레이아웃 구성하기더보기더보기더보기1️⃣ 목적HTML의 시맨틱 구조를 이해하고 구성한다.를 사용해 섹션을 나누는 구조를 익힌다.2️⃣ 구현 내용총 4개의 를 활용해서 프로필 페이지의 전체 섹션 구조를 만들어보세요. 서재원 커머스 Spring 1기 수강생 서재원입니다. 백엔드 개발자를 꿈꾸며 웹개발 기초 과제를 수행하고 있습니다. 부족함은 많지만 노력만큼은 가장 넘치는 구성원이 되기 위해 노력하겠습니다! ..

보호되어 있는 글입니다.