soidev 님의 블로그

loginPage.htmlh1>로그인 페이지h1> form action="/user/loginProcess" method="post"> 아이디 : input name="accountName" type="text">br> 비밀번호 : input name="password" type="password">br> button>로그인button>br> / : 절대경로 단점 - 타자를 많이 쳐사 ./ : 상대경로 하면 user/registerPage로 됨 ./registerPage = registerPage 똑같은 경로임 수업은 절대경로로 수업할것임! 진짜 경로 : http://localhost:8080/user.registerpage --> form>태그 사용시엔 많은 확률로 method=post방식으로 사..

▲ 2주동안 실습하게될 프로젝트의 구현application.properties 아주 중요한 설정 파일이 파일은 Spring Boot 애플리케이션의 전반적인 설정을 담당해. 여기서 데이터베이스 연결, 서버 포트, 로깅 설정 등 다양한 옵션을 설정할 수 있음spring.application.name=finalproject# 포트server.port=8080# 세션 설정server.servlet.session.tracking-modes=cookie#DB 연동 설정spring.datasource.driver-class-name=org.mariadb.jdbc.Driverspring.datasource.url=jdbc:mariadb://orange.null-pointer-exception.com:5306/이름?ch..

Tool : vscodeextension > spring search > spring boot extension pack download spring project 만드는법version : 3.4.4language : javagroup id : package jar 17dependencies gradle.properties 파일 생성!!org.gradle.java.installations.paths=C:\\DevTools\\amazon-corretto-17.0.14.7.1-windows-x64-jdk\\jdk17.0.14_7 뭐가 오류뜰시에 사용하는 툴 build.gradle파일에다 수정!// java {// toolchain {// languageVersion = JavaLanguageV..

💡 DOM(Document Object Model) 정리웹 개발에서 반드시 알아야 할 핵심 개념 중 하나인 DOM에 대해 간단하고 실질적인 관점으로 정리해봤습니다.📌 DOM이란?**DOM(Document Object Model)**은 웹 브라우저가 HTML 문서를 읽고 객체 구조로 변환한 것.이 구조를 통해 JavaScript로 HTML 요소를 조작할 수 있게 됨.쉽게 말하면, HTML = 정적 문서 → DOM = 살아있는 문서(조작 가능)🧩 DOM 조작의 주요 단계DOM을 다루는 핵심은 접근 → 변경 or 조작 이다!1. 요소 접근하기1️⃣ getElementById - 아이디로 접근특정 id를 가진 하나의 요소에 접근가능function test1(){ const elementX1 = doc..

비동기 시간이 오래 걸리는 작업을 따로 처리코드 실행 도중에도 다음 코드가 먼저 실행될 수 있음자바에선 thread같은 개념예시const pp1 = new Promise((resolve, reject) => { const value = 30; if (value reject("에러 발생!"); } resolve(value); // 성공 시 결과 전달 (return 같은 역할) });✅ 동기(Synchronous) 처리란?코드가 위에서 아래로 순서대로 실행됨앞 코드가 끝나야 다음 코드가 실행됨보통 동기식 코드임✅ Promise란?비동기 작업을 처리하기 위한 객체성공하면 resolve(), 실패하면 reject()를 호출함 Promise 기반 비동기 코드의 기본 구조 const pp..

클로저 외부 함수의 변수(스코프)를 기억하고 있는 내부 함수상태 유지를 위해 (count처럼), 비공개 변수처럼 활용 가능 함수 안에 함수를 정의하고 그 내부 함수를 반환하거나 사용할 때function secretPassword() { const password = "비밀123"; return function guess(input) { return input === password ? "정답!" : "땡!"; };}const game = secretPassword();console.log(game("hello")); // 땡!console.log(game("비밀123")); // 정답! password는 외부에서 접근할 수 없어.하지만 클로저 덕분에 game 함수는 계속 그걸..

자바스크립트 웹 페이지를 동적으로 들 수 있게 해주는 프로그래밍 언어 쪽에다 태그 써서 여기 안에다가 js문법 씀!class는 못 씀문법적으로 타입 정의 하지 않음system.out.ln 대신에 console.log를 씀!!컴파일 언어가 아님 = 문법 오류를 체크해주지 않음F12로 오류 확인!exception이 발생시에 코드가 작동 하지 않음✅ 자바스크립트 변수 정리1. var (ES5 이전 스타일)호이스팅 됨 (변수 선언이 스코프의 맨 위로 끌어올려짐)함수 스코프 ({} 블록 무시하고 함수 단위로 작동)재선언 가능변수 타입 지정 X (자유롭게 바뀜)생성은 되지만 소멸이 안됨 var a = 10; a = "문자열"; // 가능 var a = true; // 재선언도 가능 ❗ 주의: var는 요..

HTML HyperText Markup Language 웹 페이지의 구조(뼈대)를 만드는 언어프로그래밍 언어가 아니라 마크업 언어브라우저가 읽고 해석해서 화면에 보여줌server를 가동하기 위한 것임 📌 문서 구조 관련태그설명 HTML5 문서 선언전체 HTML 문서문서 정보 (제목, 문자 인코딩, CSS, JS 등)실제 화면에 보여지는 부분 태그 하나하나는 어떤 특정한 크기를 가진 네모난 상자임style> .border{ border: 1px solid red; } .d-block{ display: block; } .d-inline{ ..

[게시판] 회원가입을 할 수있다.(아이디,비밀번호,생년월일,성별 등) 로그인을 할 수 있다 게시글을 쓸 수 있다(제목,내용) 상세 글 보기가 가능하고, 조회수가 올라간다 회원들은 특정 글을 좋아요 할 수 있다(글당 1회 한정) 1️⃣ 모델링(Modeling)이란?현실 세계의 데이터를 데이터베이스에 맞게 구조화하는 과정쉽게 말하면, 어떤 데이터를 어떻게 저장하고 연결할지 설계하는 일이야.2️⃣ 모델링 단계📌 (1) 개념 모델링목적: 현실 세계의 개체(Entity)와 그 관계(Relationship)를 정의중점:엔티티(예: 회원, 상품, 주문 등) 정의엔티티 간 관계 설정형태: 말 그대로 개념 위주. 실제 데이터 구조는 아님도구 예시: 말로 정리하거나, 박스로 "이게 뭐랑 관계 있음" 정도만 표현📌 (2..

보호되어 있는 글입니다.