개발일지📝

Description Resource Path Location TypeThe default superclass, "jakarta.servlet.http.HttpServlet", according to the project's Dynamic Web Module facet version (5.0), was not found on the Java Build Path. NewFile.jsp /JSPTestProject/src/main/webapp line 1 JSP Problem     JSP 프로젝트 생성 후 JSP 파일을 생성하자마자 에러가 발생했다. + 서버를 삭제하고 다시 만들었더니 또 에러가 떴다.첫번째 방법 `Project 우클릭` > `Properties` >  `Proejct Facets` >Dy..

JSP 프로젝트 생성을 위해서Dynamic Web Project 를 생성해줘야하는데.....     java EE 가 안뜬다...   이럴 땐 본인 이클립스 버전이 Eclipse IDE for Enterprise Java and Web Developers 버전인지 확인해보자.     설치할 때 Enterprise 버전을 설치해줘야 JAVA EE 를 사용 가능하다.     재설치하면 이런식으로 Perspective 에 JAVA EE 가 잘 뜨고Dynamic Web Project 도 생성 가능 !     또는 `window` > `Marketplace` 에서 설치 후 해결되는 사람도 있다곤 하는데 난 재설치로 해결했다.혹시 재설치로도 안되는 사람은 이 방법을 사용해보시길..

목차   JSP 프로젝트를 만들기 위해서 intelliJ 를 사용해보려고 했는데무료버전은 jsp 를 지원해주지 않는다.ultimate 만 가능한걸 깨닫고.. Eclipse 로 다시 돌아왔다.복습 겸 다시 Eclipse 세팅부터 다시 시작해보자.   아래는 IntelliJ 에서 JSP 프로젝트 세팅하다가 막혔던 부분들 참고했던 링크다. JSP 프로젝트 세팅https://velog.io/@lukehongg/intellij-jsp-project add framework ~ 안뜰때https://goldfish2679.tistory.com/59 add Framework 에 javaEE 추가하기https://kkminseok.github.io/posts/Intellij_spring/    eclipse 다운로드  ..

SPA 와 MPA 는 웹 애플리케이션의 구조와 동작 방식에 구분되는 패턴이다.어떻게 동작하고 어떻게 페이지를 랜더링하는 지가 중점이다.   MPA (Multi-Page Application)정의:MPA는 다중 페이지 애플리케이션을 의미하며, 각 페이지마다 개별적인 HTML 파일이 로드되는 웹 애플리케이션입니다. 일반적으로 서버에서 각 페이지를 렌더링하고, 각 URL은 하나의 고유한 페이지를 표시합니다.특징:페이지 전환: 사용자가 다른 페이지로 이동할 때마다, 새로운 HTML 페이지를 서버에서 로드하게 됩니다.서버 렌더링: 요청이 있을 때마다 서버에서 HTML을 렌더링하고, 이를 클라이언트에 전달합니다.동적 페이지: 클라이언트가 필요한 데이터를 요청하면 서버가 이를 처리하여 새로운 페이지를 렌더링합니다.장..

목차    Content-Type, MIME type, media type의 관계 이들은 모두 같은 개념으로, 인터넷에서 파일 포맷과 콘텐츠를 식별하는 데 사용과거에는 MIME type 으로 불렸지만, 지금은 media type 으로 사용함. 때때로 content type 이라고도 불림     MIME( Multipurpose Internet Mail Extensions ) type파일의 형식을 나타내는 문자열로 파일과 같이 송신되는데 content의 형식을 나타내기 위해 사용윈도우의 파일 확장자와 동일한 역할이메일 메세지 , 첨부파일 종류를 고지하기 위해 정의되었고 이를 근거로 MIME 타입이라는 이름이 만들어짐지금은 Media Type 이라는 용어로 사용 된다.   media type 미디어 타입은 ..

목차     예전에 진행했던 프로젝트(Mybatis DTO)를 JPA 로 변환해보기로 했다. 전체를 변경하기엔 시간적으로 너무 오래걸릴 것 같아서😰연습차원에서 간단한 조회 구문만 변환 해 볼 것이다.     참고용 ERD 와 기존 Mapper   1)  기존 EmployeeDTO 를 Entity 로 변경 이때 DTO 에서는 authorityName 을 직접 받았었는데   JPA 에서는 Authority 객체로 받기 때문에 이 점을 참고해서 전부 수정해줘야한다.  2) Employee Repository 생성 JpaRepository 를 상속 받으면 , 기본 CRUD 메서드가 자동으로 제공돼서 기본적인 crud 는 커스텀 메서드를 작성하지 않아도 된다. ex) findAll() , findByAll() ..

( 제가 작업했던  프로젝트 코드 기반으로 설명하고 있습니다.)   스프링 시큐리티 비밀번호 암호화에 관한 이론은 이쪽 게시물 참고 ! https://hyejux.tistory.com/801 [Spring Security] BCrypt 해시 함수 알고리즘Spring Security 에서는 BCryptPasswordEncoder 라는 클래스를 제공하는데이 클래스는 비밀번호를 암호화할 때 사용한다. 이때 암호화 방식을 BCrypt 해시 함수 알고리즘을 사용하는데BCrypt 해시 함수 알고hyejux.tistory.com https://hyejux.tistory.com/802 [Spring Security] BCryptPasswordEncoder 클래스[ 스프링 시큐리티 비밀번호 암호화 ] BCryptPass..

목차   ( 제가 작업했던  프로젝트 코드 기반으로 설명하고 있습니다.) 1. 권한 작업 (EmployeeDetails.java)  // 권한 관련 작업을 위한 메서드 @Override public Collection getAuthorities() { Collection authorities = new ArrayList(); try { // Employee의 authorityGrade를 UserRole Enum으로 변환 UserRole role = UserRole.valueOf(employee.getAuthorityGrade()); // 권한에 ROLE_ 접두사 붙여 추가 authorities.add(new SimpleGrantedAuthority("R..

SPA 와 MPA 는 웹 애플리케이션의 구조와 동작 방식에 구분되는 패턴이다.어떻게 동작하고 어떻게 페이지를 랜더링하는 지가 중점이다.   MPA (Multi-Page Application)정의:MPA는 다중 페이지 애플리케이션을 의미하며, 각 페이지마다 개별적인 HTML 파일이 로드되는 웹 애플리케이션입니다. 일반적으로 서버에서 각 페이지를 렌더링하고, 각 URL은 하나의 고유한 페이지를 표시합니다.특징:페이지 전환: 사용자가 다른 페이지로 이동할 때마다, 새로운 HTML 페이지를 서버에서 로드하게 됩니다.서버 렌더링: 요청이 있을 때마다 서버에서 HTML을 렌더링하고, 이를 클라이언트에 전달합니다.동적 페이지: 클라이언트가 필요한 데이터를 요청하면 서버가 이를 처리하여 새로운 페이지를 렌더링합니다.장..

목차    Content-Type, MIME type, media type의 관계 이들은 모두 같은 개념으로, 인터넷에서 파일 포맷과 콘텐츠를 식별하는 데 사용과거에는 MIME type 으로 불렸지만, 지금은 media type 으로 사용함. 때때로 content type 이라고도 불림     MIME( Multipurpose Internet Mail Extensions ) type파일의 형식을 나타내는 문자열로 파일과 같이 송신되는데 content의 형식을 나타내기 위해 사용윈도우의 파일 확장자와 동일한 역할이메일 메세지 , 첨부파일 종류를 고지하기 위해 정의되었고 이를 근거로 MIME 타입이라는 이름이 만들어짐지금은 Media Type 이라는 용어로 사용 된다.   media type 미디어 타입은 ..

목차    HTTP 란? HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 애플리케이션 계층 프로토콜  (클라이언트-서버 프로토콜)  * 프록시 :  애플리케이션 계층에서 동작하는 것들을 일반적으로 부르는 말, 하단의 기능들을 수행 할 수 있다.캐싱 (캐시는 공개 또는 비공개가 될 수 있습니다 (예: 브라우저 캐시))필터링 (바이러스 백신 스캔, 유해 컨텐츠 차단(자녀 보호) 기능)로드 밸런싱 (여러 서버들이 서로 다른 요청을 처리하도록 허용)인증 (다양한 리소스에 대한 접근 제어)로깅 (이력 정보를 저장) HTTP 특징 무상태(Stateless) : HTTP는 상태를 저장하지 않고,각각의 요청과 응답이 독립적으로 처리됨, 서버는 요청 간의 연결 상태를 유지하지 않으므로 효율적이지만, ..

목차    [DNS / DNS 서버] 💁‍♀️ DNS 란, Domain Name System (도메인 네임 시스템) 의 약자입니다. 도메인 이름과 IP 주소를 변환(매핑)해주는 시스템 💁‍♀️DNS 서버는 DNS 시스템을 운영하고 동작 시키는 서버로, 실제 DNS 쿼리를 처리하고 도메인 이름 해결합니다. (DNS 구성 요소)   [DNS 왜 사용하는데?]💁‍♀️ 네트워크 통신에서는 IP 주소로 장치를 식별합니다. 예를 들어 구글 홈페이지의 IP 주소는 142.250.76.132 입니다. 😭 그럼 서로 통신을 하려면 매번 IP 주소를 입력 해야 하는 걸까요? 142.250 …. …. .. ?? 76.. .? 💁‍♀️ 아니요! DNS 서버가 도메인 이름 ↔ IP 주소로 변환해주는 기능을 하기 때문에..

Ajax ?AJAX ( Asynchronous Javascript and XML) 은 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술입니다. 웹 어플리케이션에서 데이터를 가져올 때 서버쪽 데이터가 필요할 때 ajax기법을 사용하게 됩니다.이 작업은 시간이 오래 걸릴 수도 있기 때문에 비동기적으로 처리하게 됩니다.비동기(asynchronous)는 요청이 끝날 때 까지 기다리는 것이 아니라, 동시에 여러 작업을 수행하게 됩니다.나중에 react에서는 다른 서버의 REST API와 통신을 이용하여 데이터베이스 데이터를 가져올 수 있습니다.  ES6 fetch 를 이용해 데이터 처리 (리액트)Promise = fetch(요청주소) 📍 이벤트 클릭시 처리하기데이터를 가져와서 useState()에 저장하는 작..

◈ 프로젝트 구조package.json >> build.gradle / pom.xml 과 동일 (라이브러리 , 버전 명시)라이브러리와 그 버전을 명시하여 프로젝트의 의존성을 관리하는 항목 dependency  : 라이브러리와 그 버전을 명시하여 프로젝트의 의존성을 관리하는 항목  scripts 명령문 : 자주 사용되는 명령어를 스크립트로 정의하여 쉽게 실행할 수 있도록 하는 항목eslintConfig : 기본 프로그램 도움 (코드 품질을 보장하기 위해 JavaScript 코드 스타일을 검사하는 도구인 ESLint의 기본 설정을 정의하는 항목)browserlist : 프로젝트가 지원해야 하는 브라우저의 범위를 명시 ( 브라우저 호환성을 유지하기 위해 필수 )◈  web pack loader자동 리로드됨 (..

😺 React 라우터에 대해 알아보기 전에 SPA 의 개념에 대해 알아보자. 📍 SPA란? (single page application)하나의 페이지로 만들어진 어플리케이션을 의미한다.전통적인 방식은 Server가 html 파일 만들고 data 실어서 응답하지만,spa 방식은 클라이언트에 html 세워두고 데이터만 요청응답을 통해 바꾼다.  SPA는 html파일을 브라우저 측에서 로드하고, 필요한 데이터는 API와 ajax통신을 이용해서 처리합니다.브라우저에서 사용자가 상호작용 하면 필요한 부분만 업데이트 해서 처리합니다.멀티플랫폼 Android, IOS에 대응하여 웹뷰로 처리하는 목적으로도 사용됩니다. 📍 SPA의 단점 (CSR방식)앱의 규모가 커지면, JS파일도 너무 커져서 로딩이 오래걸리게 됩..

[ eclipse  깃허브 협업 방법 ] 1. 프로젝트를 진행할 레파지토리 생성github 에서 repositories 를 하나 생성한다.  2. 콜라보레이터 초대하기같이 협업할 사람을 초대한다. Collaborators이때 초대를 수락해야한다. 3. 이클립스와 깃허브 연결하기이클립스에서 Import -> git -> clone 이때 깃허브 Settings > Developer-Settings > Token 을 생성한다. 4. 잘 연결 되었는지 서버 켜서 확인해주면 끝  [ 협업 시 깃 허브 사용법 ? ]  (팀장) 내 github 계정연결$git config --global user.email "본인이메일주소"$git config --global user.name "본인이름"  초기 코드 업로드하기$g..

git init 과 원격 레포지토리가 연결 되어었는 상태에서 안에 배치파일 누르시면 자동으로 푸쉬된다.!   *** 수동 업로드하기 Open Git Bash here  깃 시작하기$ git init  깃 초기 세팅 $ git config --global user.name "본인이름영어"$ git config --global user.name 본인이메일$ git config --list깃허브 회원" data-og-host="hyejux.tistory.com" data-og-source-url="https://hyejux.tistory.com/633" data-og-url="https://hyejux.tistory.com/633" data-og-image="https://scrap.kakaocdn.net/d..

comflict 란? comflict 는 같은 파일, 같은 위치를 여러 사용자가 동시에 수정할 때 발생하는 오류이다. merge / rebase 작업 중 자동으로 해결할 수 없는 변경 사항이 있을 때 발생한다. ex) 1) A 브랜치와 B 브랜치가 있다.2) 두 브랜치를 동일파일, 동일 라인을 수정함 3) A 로 체크아웃하여 B 를 병합한다 (merge) .  ---> Automatic merge failed; fix conflicts and then commit the result. >>>>>> B-branch  comflict 발생 시 해결방법comflict 발생한 파일을 수동으로 수정해주면 된다.더보기pull 당겨오면 comflict 발생 >쓰던 코드를 add / commit >pull (comf..