Cohe

리엑트 1일차REACT란?자바 스크립트 라이브러리구조는 MVC, MVVM과 같은 프레임워크가 다르게 오직 View만 처리SPA 구조 (Single Page Application)index.html 하나만 로드하고 실행시키는 구조REACT 구동번들러 (Webpack)이 모든 것을 동작 시켜 줍니다.Webpack이란 어플리케이션을 동작 시키는데 필요한 자원 (JS파일등, CSS, Image 등)을 하나로 묶어서 조합하여 경량화한 후 결과를 보여주는 도구번들러는 node.js를 통해서 직접 설정이 가능하지만, 리액트 프로젝트 생성 시 자동으로 포함되어 동작DOM (Document Object Model) ?HTML을 이해하기 쉽도록 트리 구조로 만들어진 태그 (객체)들을 의미함HTML방식이 아닌 다른 방식으로..

JavaScript 삼항 연산자//삼항 연산자 연습const array = []; // 상수, 변경되지 않음// let text = ""; // 재선언이 안됨// if(array.length === 0) {// text = "empty";// } else {// text = "not empty";//}let text = array.length === 0 ? "empty" : "not empty";console.log(text);// 삼항 연산자 중첩 사용 예시const condition1 = false;const condition2 = false;const value = condition1 ? '와우!!!' : condition2 ? '안녕!!!' : '초';console.log(val..

rm -rf node_modules 이후에 classNames를 자꾸 인식하지 못하는 분제yarn다운이 안됐거니.. 하고 npm 으로 다운 rm -rf node_modules보안 문제 생겨서 npm audit fix --force 를 시도하며 아래와 같은 오류가 뜸digital envelope routines::unsupported classpath 꼬여서 rm -rf node_modules 로 해결하고 다시 npm start 하니까 됨

우선 프로젝트의 기본 구조를 설명하자면 mvc2 패턴으로 앞으로 작성해야 할 패키지는 controller, service, repository, dto, entity, html 코드이다.mvc 모델은 다음과 같다.Client: 사용자가 웹 브라우저를 통해 서버에 요청을 보낸다Controller: 클라이언트의 요청을 받아 적절한 서비스 메서드를 호출한다. 서비스에서 반환된 결과를 바탕으로 HTML 페이지를 생성하여 클라이언트에게 응답한다.Service: 비즈니스 로직을 처리하는 계층으로, 데이터 조작 및 변환을 수행한다. 필요한 경우 DTO를 사용하여 데이터를 전달한다Repository: 데이터베이스와 상호 작용하는 계층으로, 엔티티 객체를 사용하여 데이터를 저장하고 조회한다.DTO (Data Transf..

springboot project 게시판 만들기spring boot 게시판 만들기를 시작하면서, 앞으로의 목차와 프로젝트의 기본 gradle 설정을 이야기 하고자 한다.참고로 springboot 3.2.5 버전이다!!!목차게시판 만들기 : Board table에 맞춰 작성CRUD게시글의 목록/검색/페이지 처리게시물의 등록게시물의 조회게시물의 수정/삭제post 후 모달창Searchreply 개수 넣기댓글 달기 : reply회원 정보 : member시작하기시작하기 앞서 해당 링크에 접속한다 https://start.spring.io/해당 링크에서 다음과 같이 맞춰준다.프로젝트 옵션:Project: Gradle - Groovy 선택됨Language: Java 선택됨Spring Boot 버전: 3.2.5 선택됨..

Fact - 학원 다녀옴 - 신촌 카공 완료 Feeling 진짜 구라 안치고 너무너무너무 피곤하다. 어떻게 사람이 매일 같이 밖에 나가는거지?? Findings 1.요구 사항 확인 - 소프트웨어 생명 주기 모델 : 요분설구테유 - 폭포수 모델, 프로토타이핑 모델, 나선형 모델, 반복적 모델 - 개발 방법론 : 구조적, 정보공학, 객체 지향, 컴포넌트 기반, 애자일, 제품 계역 방법론 - 애자일 : xp(짝 프로그래밍, 메타포어), 스크럼, 린(칸반) - 객체지향 : solid - 소프트웨어 아키텍처 4+1뷰 : 유스케이스 뷰, 논리뷰, 프로세스 뷰, 규현 뷰, 배포 뷰 - 소프트웨어 아키텍처 패턴 : 계층화, 클라이언트 서버, 파이프 - 필터, 브로커, MVC - 비용 평가 비용 평가 모델 : SAAM,..

MyBatis 스프링 연동 spring-jdbc와 같은 라이브러리를 이용해서 구현할 수도 있다. ⇒ templete라는 녀석이 있다. MyBatis: sql를 거의 유사하게 사용할 수 있다. JPA 프레임워크는 객체 타입의 프로그래밍에 더 가깝다. 마이바티스를 다운 받는다 mybatis – 마이바티스 3 | 소개 마이바티스는 단독 개발이 가능하다. → spring에 dao를 작성해서 처리하는 방식 마이바티스와 스프링을 연동하여 mapper 인터페이스만 이용하는 방식 : MyBatis-spring이라는 라이브러리를 사용해야 한다 build.gradle 작업 spring-jdbc가 필요하다.+ maven에서 다운받음 //spring jdbc 설치 implementation group: 'org.springf..

EL(Expression Language EL이란 jsp에서 저장객체를 출력할 때 스크립팅을 전혀쓰지 않을 수 있는 기술, 표현식을 대체함. ex) => ${value} el 내부의 연산자 산술 연산자 관계 연산자 조건 연산 논리 연산자 표현식 2 ||1==2 %> --------------------------- el 표기법 ${1+2} ${"안녕"} ${1>2||1==2} el param ID : PW : 이름 : el의 내장 객체 pageScope : jsp의 page 객체 참조 requestScope : request 객체 참조 sessionScope 세션 또는 어플리케이션에 있는 값을 얻을 때는 sessionScope, applicationScope를 사용해서 접근 (sessionScope.이름..

delete_check.jsp 비밀번호를 입력하세요 현재 비밀번호 확인 마이페이지 user_delete_check_ok dao수정 public int delete(String id) { int result =0; String sql = "delete from users where id=?"; try { conn = ds.getConnection(); pstmt = conn.prepareStatement(sql); pstmt.setString(1,id); result = pstmt.executeUpdate(); }catch (SQLException sqle) { System.out.println("SQL 연동 오류"); System.out.println(sqle.getMessage()); }finally ..

비밀번호 변경과 관련하여, 비밀번호를 변경하려면 우선, 현재의 비밀번호와 이전에 저장되어 있는 비밀번호가 일치해야 하는지 확인하고, 일치한 경우에서야 비밀번호 변경을 허가해줘야한다. change_pw.jsp 비밀번호 수정 페이지 현재 비밀번호 새 비밀번호 확인 마이페이지 user_change_pw_ok.jsp DAO 수정 public int changePW(String id,String pw ) { int result =0; String sql = "update users set pw=? where id=?"; try { conn = ds.getConnection(); pstmt = conn.prepareStatement(sql); pstmt.setString(1,pw); pstmt.setString(2..