MVC 패턴이란? MVC (Model-View-Controller) 패턴은 소프트웨어 개발에서 널리 사용되는 디자인 패턴으로, 애플리케이션의 구성 요소를 세 가지 주요 부분으로 분리하여 개발하는 방법이다. 자바 Spring 외에도 코드의 가독성 향상 및 유지보수 용이 등의 이유로 널리 사용되고 있는 디자인 패턴이다. 모델, 뷰, 컨트롤러에 대해 설명을 해보자면.. 1. MVC에 대해 모델(Model) 1. 애플리케이션의 비즈니스 로직과 데이터를 담당 2. 데이터의 상태를 유지하고, 데이터의 유효성 검사, 조작 등을 수행 3. 주로 데이터베이스나 외부 서비스와의 상호작용을 처리 4. 모델은 독립적으로 작동할 수 있으며, 재사용 가능한 비즈니스 로직을 포함 뷰(View) 1. 사용자 인터페이스(UI)를 담당..
들어가기 전 Spring과 Spring Boot는 모두 Java 기반의 웹 애플리케이션 개발을 위한 프레임워크입니다. Spring 관련 책을 보시면 순수 Spring을 시작하기 위해 환경설정하는 것만 100P가 넘을 정도입니다. 간단하게 설명을 하자면 아래와 같이 말할 수 있습니다. Spring : 자바기반 프레임워크 Spring Boot : Spring을 빠르고 쉽게 설치하게 도와주는 도구 Spring Spring은 JAVA 기반의 오픈 소스 애플리케이션 프레임워크로서, 엔터프라이즈 애플리케이션 개발을 위한 포괄적인 솔루션을 제공하는 프레임워크입니다. Spring은 애플리케이션의 기반 인프라스트럭처를 제공하고, 개발자가 비즈니스 로직에 집중할 수 있도록 여러 가지 기능을 제공합니다. Spring은 엔터..
클래스형 컴포넌트 코드 작성 1. useState란? useState는 리액트 훅 중 하나이다. 함수형 컴포넌트에서 상태(state)를 관리하기 위해 사용된다.. useState는 배열 형태의 반환값을 가지며, 첫 번째 요소는 현재의 상태값이고, 두 번째 요소는 상태를 변경하는 함수다. 이를 통해 우리는 함수형 컴포넌트에서도 상태를 생성하고 업데이트할 수 있다. 2. useState를 사용하는 이유 클래스형 컴포넌트에서만 사용할 수 있던 상태 관리를 함수형 컴포넌트에서도 가능 상태값을 초기화하고 변경하는 함수를 제공받아 편리하게 상태를 관리 용이 상태값이 변경되면 리액트가 자동으로 컴포넌트를 다시 렌더링하여 화면에 반영 함수형 컴포넌트에서도 상태를 관리할 수 있기 때문에 코드의 가독성과 재사용성을 높인다..
JSX 문법에 대해 리액트 공부를 하며, JSX를 처음 접해본다. 사용하기 위해선 규칙을 알아야 하기 때문에 정리를 해봤다. 1. 감싸인 요소 컴포넌트 함수 내부에 여러 요소가 있다면 반드시 부모 요소 하나로 감싸야 한다. 태그를 사용해도 되고, 리액트 v16이상이라면 태그를 사용할 수 있다. 잘못된 예시 function App(){ return ( 문단1 문단2 ) } 감싸주지 않는다면 오류가 발생한다. 올바른 예시 function App(){ return ( 문단1 문단2 ) } 여기서 ~ 를 ~ 또는 ~ 로 써도 무방하다. 2. 자바스크립트 표현 JSX는 DOM 요소 렌더링 기능뿐 아니라, 자바스크립트 표현식을 사용할 수 있다. function App() { let name= '민민의 하드디스크';..
리액트 소스 코드 이해하기 및 JSX에 대해 1. App.js import logo from './logo.svg'; import './App.css'; function App() { return ( Edit src/App.js and save to reload. Learn React ); } export default App; 기본적으로 제공되는 App.js 코드이다. 리액트는 얼핏보면 파이썬 같기도 하지만 자바스크립트 라이브러리이다. import: 다른 파일들을 불러와서 사용할 수 있으며, 원래 브라우저에서는 없던 기능이며 Node.js에서 지원하는 기능이다. function App(): 기본적으로 function은 함수라고 하는데, 위 코드에서는 함수의 return(반환) 값이 HTML인 마크업 언..
리액트 환경 설정하기 1. Node.js + npm 설치하기 Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이며, 웹/앱 등 많은 프로젝트에 사용된다. 백엔드 프로그래머의 필수 요소로 자리잡았다. https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치가 되었다면 터미널 창에서 확인 가능 $ node -v 2. Yarn 설치 yarn은 npm의 글로벌 설치 기능을 통해 설치가 가능하다. $ npm install --global yarn 설치가 되었다면 터미널 창에서 설치확인 $ yarn --versi..
JSP 세션에 대하여 세션(Session)의 개념 및 활용 예시 JSP Session은 웹 애플리케이션에서 사용자의 상태 정보를 유지하고 관리하기 위한 메커니즘이다. 사용자가 웹 애플리케이션에 접속하면 서버는 해당 사용자에 대한 고유한 세션을 생성하고, 이 세션을 통해 사용자의 상태를 추적하며, 각 세션은 고유한 세션 ID를 가지고 있으며, 이를 사용하여 클라이언트와 서버 간의 상태 정보를 식별한다. JSP Session 특징 1. 세션 생성: 사용자가 웹 애플리케이션에 최초로 접속하면 서버는 새로운 세션을 생성한다. 세션은 일반적으로 사용자의 브라우저와 연결된 유효 시간을 가지며, 유효 시간이 지나면 세션은 만료된다. 2. 세션 식별: 각 세션은 고유한 세션 ID를 가지고 있다. 세션 ID는 일반적으로..
SQL 인젝션에 대하여 SQL 삽입공격이라고 하는 SQL 인젝션(SQL Injection)은 웹 애플리케이션에서 발생하는 보안 취약점 중 하나로, 악의적인 사용자가 애플리케이션의 입력 폼 등을 통해 악의적인 SQL 문을 삽입하는 공격 기법입니다. 이를 통해 공격자는 데이터베이스에 대한 액세스 권한을 얻거나, 데이터베이스의 데이터를 조작하거나 삭제하는 등의 악의적인 행위를 할 수 있습니다. SQL 인젝션 취약점 데이터베이스 정보 노출: 인젝션 공격을 통해 악의적인 사용자는 데이터베이스의 정보를 노출시킬 수 있습니다. 예를 들어, SQL 인젝션을 이용하여 데이터베이스의 테이블 이름, 칼럼 이름, 데이터 등을 조회할 수 있습니다. 데이터베이스 데이터 조작: 악의적인 사용자는 인젝션을 통해 데이터베이스의 데이터..
