프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Java

spring security를 이용한 사용자인증 및 로그인 기능을 구현하는 방법에 대해서 작성해봅니다. spring security에 대한 내용은 아래 포스팅 2개를 참고하세요. [springboot] spring security로 DB 사용자권한별 페이지접속제한하기 https://domdom.tistory.com/656 [springboot] spring security로 DB 사용자권한별 페이지접속제한하기 먼저, 로그인 페이지를 만들어줍니다. 컨트롤러에 로그인 페이지를 생성해주세요. // Controller @RequestMapping("/login") public String login() throws Exception { return "login"; } 연결된 로그인 html파일에는 다음과 dom..

프로그래밍/Node.js

Nodejs에서 이미지 파일을 호출하는 방법입니다. 저의 앱 프로젝트 내부 파일들입니다. static 안에 이미지파일들이 들어있구요. index.js와 같은 경로에 test.png도 넣어두었습니다. 먼저 스태틱 자원 폴더를 설정해주고 URL에 이미지 경로를 입력하면 알아서 static폴더 내 파일들을 호출하는 방식으로 app.use(express.static("{파일명}")) 을 입력해주면 되는데요. /static/image/test.png 이 경로에 이미지파일이 들어있다면, test.png의 URL는 http://localhost/image/test.png가 됩니다. static 폴더 내 이미지파일 뿐만 아니라 다른 형식의 파일들도 가져올 수 있습니다. app.use(express.static("sta..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 간단한 React 예제 프로젝트를 만들어보기 앞서, 알아둬야하는 React의 개념과 특징들을 살펴봅시다. . React로 구현된 애플리케이션은 일반적으로 하나의 루트 DOM 노드가 있습니다. 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리합니다. 엘리먼트를 렌더링하기 위해서는 ReactDOM.createRoot()에 엘리먼트를 전달한 다음, root.render()에 전달해야 합니다. 튜토리얼1에서 만들어보았던 프로젝트의 index.js를 열어보면 다음과 같이 작성되어 있습니다. root.render에 App.js에 만들어놓은 App 엘리먼트가 전달된 것을 알 수 있습니다. ..

프로그래밍/Frontend

먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 저는 윈도우라서 Windows Installer를 클릭하여 다운로드받아 설치했습니다. 설치가 완료되면 시작줄에서 Node라고 검색하여 Node.js command prompt 터미널 앱을 열어주세요. 터미널이 열리면 이제 react 프로젝트를 생성해봅니다. 프로젝트를 생성하는 ..

프로그래밍/Java

Java EE에서 Jakarta EE로의 전환 spring boot 3.x 버전은 java 17, jakarta EE 9+ 이상을 지원 spring boot 2.7 버전은 jakarta EE 8 을 지원 그 이하 버전은 java 1.8, java EE를 지원한다고 합니다. java 17, wildFly 27.0.0.Final 에서는 잘 실행되는 프로젝트가 jakarta EE 8을 지원하는 wildFly 26에서는 서블릿 API 에러가 나면서 실행되지 않더라고요. 다음은 버전에 따라 생겼던 이슈들에 대해 해결한 방법입니다. 1. javax.servlet 아래와 같이 Request와 Session을 임포트하려고 했을 때 에러가 난다면 Caused by: java.lang.ClassNotFoundExcepti..