본문 바로가기

전체 글

 (38)
17-18장 17장 - 웹 페이지에서 댓글 등록하기이번 장에서는 웹 페이지에서 댓글 등록 기능을 구현합니다.HTML과 자바스크립트로 댓글 입력 폼을 만들고,JS로 REST API를 호출하여 서버에 댓글을 등록합니다.🧩 17.1 댓글 등록의 개요기존에는 API 테스트 도구(Talend API Tester)로 댓글을 등록했다면,이제는 웹 브라우저에서 직접 댓글을 작성할 수 있도록 구현합니다.사용 기술:document.querySelector() → 요소 선택addEventListener() → 이벤트 감지fetch() → REST API 요청✍️ 17.2 댓글 생성 뷰 페이지 만들기✅ 기본 카드 UI 생성templates/comments/_new.mustache 파일에 Bootstrap의 카드 양식 삽입class="c..
6-8장 6. 게시판 내 페이지 이동하기6.1 링크와 리다이렉트란웹 페이지 간의 이동에는 대표적으로 **링크(Link)**와 리다이렉트(Redirect) 방식이 있습니다. • 링크는 사용자가 클릭했을 때 이동하는 방식입니다. 일반적으로 태그나 React의 또는 Router에서 navigate() 등을 사용하여 이동합니다. • 리다이렉트는 특정 작업(예: 게시글 작성/수정/삭제 등) 이후 자동으로 다른 페이지로 이동시키는 방식입니다.예를 들어, 게시글을 작성하고 나면 사용자를 자동으로 게시판 목록 페이지로 보내는 등의 동작입니다.6.2 링크와 리다이렉트를 이용해 페이지 연결하기실제 구현에서는 다음과 같은 흐름으로 사용됩니다: • 게시글 목록에서 게시글 제목을 클릭하면, 해당 글의 상세 페이지로 이동 (/post..
동적 계획법 🌱 동적 계획법(Dynamic Programming)프로그래밍 문제를 풀다 보면, 이전에 풀었던 비슷한 계산을 또 하게 되는 경우가 많습니다. 이런 중복을 줄이기 위해 등장한 것이 바로 동적 계획법, 줄여서 DP입니다.DP는 단순히 반복문이나 재귀로만 풀 수 없는 문제를 좀 더 효율적으로 해결할 수 있게 해주는 아주 중요한 기법입니다.다만 아무 문제에나 적용할 수는 없고, 아래 두 가지 조건을 만족해야 합니다. 1. 최적 부분 구조→ 문제의 최적 해답이 하위 문제들의 최적 해답으로 구성될 수 있어야 합니다. 2. 중복되는 부분 문제→ 계산 과정에서 같은 문제가 반복적으로 나타나야 합니다.⸻🧊 메모이제이션: 중복 계산을 줄이는 방법가장 대표적인 예는 피보나치 수열입니다.n번째 피보나치 수를 구하려고 하..
코딩 자율학습 스프링 부트 3 자바 백엔드 개발 입문 3~5장 3장. 폼 데이터를 DTO로 받아 컨트롤러에 전달하는 과정3.1 폼 데이터란?HTML 을 통해 사용자가 입력한 정보를 서버로 전송하는 방식.서버에서는 이 데이터를 DTO를 통해 받고, Entity로 변환해 DB에 저장.마치 택배 시스템: 사용자 입력(송장 작성) → 서버 수신(DTO) → 물류 DB에 등록(Entity 저장)3.2 실습 흐름3.2.1 폼 페이지 작성 (입력 화면)templates/articles/new.mustache{{>layouts/header}} Submit{{>layouts/footer}}💡 Bootstrap 적용 예시 포함 가능.3.2.2 컨트롤러 생성ArticleController.java@Controllerpublic class ArticleController { ..
09장 억지 기법과 탐욕적 전략 목차09-1 문제 해결 과정 09-2 억지 기법 09-3 탐욕적 기법 09-1 문제 해결과정 1. 문제의 이해문제 해결의 출발점은 문제를 정확하게 이해하는 것입니다.문제 설명을 꼼꼼히 읽고, 애매한 부분은 명확히 정리합니다.간단한 입력 예시를 통해 출력 형태와 규칙을 파악합니다.극단적인 입력이나 예외적인 경우도 고려합니다.알고리즘은 "대부분의 입력"이 아닌 "모든 유효한 입력"에 대해 정확히 동작해야 합니다.2. 설계 방향 결정문제를 이해했다면 이제는 어떤 방식으로 풀지 전략을 세워야 합니다.순차적인 처리 방식 또는 병렬 처리 등 환경에 따라 방향을 정합니다. (우리는 순차적 알고리즘 중심)문제의 성격에 따라 정확한 해(최적해) 또는 근사해를 선택합니다.근사해를 선택하는 상황수학적..
07장 탐색 07-1 탐색이란?탐색의 의미탐색이란? 데이터 집합에서 특정 조건을 만족하는 데이터를 찾는 작업입니다.예시: 옷 찾기, 맛집 찾기, 사진 검색 등 일상에서도 흔하게 일어나는 작업이며, 컴퓨터도 마찬가지입니다.탐색 대상: 테이블데이터는 보통 여러 개의 **레코드(Record)**로 이루어진 테이블(Table) 형태로 저장됩니다.각 레코드는 여러 **필드(Field)**로 구성되고, 이 중에서 기준이 되는 값을 키(Key) 또는 **탐색키(Search Key)**라고 합니다.탐색이란 결국, 테이블에서 특정 키 값을 가진 레코드를 찾는 것입니다.탐색 구조의 종류레코드를 저장하는 테이블은 다양한 자료구조로 구성될 수 있습니다:배열 (Array)연결 리스트 (Linked List)탐색 트리 (Search Tree..
[Spring]스프링 입문: 프로젝트 생성 ✅ 사전 준비물Java 17 이상 (Spring Boot 3.0 이상 필요)IDE: IntelliJ 또는 EclipseSpring Boot 버전: 3.x.x 이상javax → jakarta로 패키지명 변경됨H2 데이터베이스: 2.1.214 이상프로젝트 생성 사이트: https://start.spring.io✅ Spring Boot 프로젝트 생성 설정Project: Gradle - GroovyLanguage: JavaPackaging: JarJava: 17 또는 21GroupId: helloArtifactId: hello-springDependencies: Spring Web, Thymeleaf✅ build.gradle 예시 (버전은 최신 Spring Boot 3.x에 맞춰 수정 필요)plugins { ..
[Flask] 플라스크 개발 기초 2: 파이보 웹서비스 요약: 질문/답변 게시판 & ORM 적용 📌 1. 파이보의 목적질문/답변 게시판 웹 서비스 개발데이터를 저장, 조회, 수정, 삭제할 기능 필요 → 데이터베이스 사용📌 2. ORM(Object Relational Mapping)이란?SQL 쿼리 없이 파이썬 문법만으로 DB 조작 가능테이블 ↔ 파이썬 클래스(모델) 로 매핑SQL 대신 아래와 같은 코드 사용 가능:question1 = Question(subject='안녕하세요', content='가입 인사드립니다 ^^') db.session.add(question1)📌 3. ORM의 장점DB 종류와 무관하게 일관된 코드 유지내부적으로 안전한 SQL 쿼리 자동 생성유지보수 쉬움, 오류 줄어듦✅ ORM 적용 과정 (SQLAlchemy + Flask-Migrate 사용)📦 ORM 라이브러리 설치p..

티스토리툴바