Jotai ? 간단히 요약해보자면, 추가 렌더링이 없고, 리액트에 속한 상태 그리고 서스펜스와 병렬 기능들의 장점을 모두 취할 수 있고, 심플한 react.useState 대체재부터 복잡한 요구사항을 가진 큰 스케일의 애플리케이션까지 커버 가능한 Jotai ! 주요 기능 Minimal API TypeScript oriented Tiny bundle size (3kb) Many extra utils and official integrations Supports Next.js and Reat Native 컨셉 리렌더링 이슈를 기존 useContext + useState 조합으로 해결하기엔 다음의 문제가 존재하기 때문에, Jotai는 리렌더링 이슈를 해결하기 위해 만들어졌습니다. Provider hell : ..
🚀 로그인, 회원가입, 아이디 중복검사 기능 구현해보기 이번 글에서는 JSP로 위 3가지 기능에 대해 구현해 보겠습니다 :) 작업 순서를 매겨가면서 정리해보겠습니다. 우선 미리 폴더 구조는 아래와 같이 진행했습니다. 0. MyBatis 설정, Action 인터페이스, Result 클래스 생성 📜 src/com.app.mybatis.config (package) / config.xml 📜 src/com.app.mybatis.config (package) / MyBatisConfig.java package com.app.mybatis.config; import java.io.IOException; import java.io.Reader; import org.apache.ibatis.io.Resources; ..
🚀 MVC 패턴이란? MVC패턴은 Model, View, Controller의 합성어로, 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴입니다. Model : 백드라운드에서 동작하는 로직을 처리합니다. View : 사용자가 보게 될 결과 화면을 출력합니다. Controller : 사용자의 입력처리와 흐름 제어를 담당합니다. MVC 패턴에는 모델1 방식과 모델2 방식이 있습니다. JSP 웹사이트 구조는 크게 모델1 방식과 모델 2 방식으로 나뉘어 간단하게 분류하자면, JSP에서 출력과 로직을 전부 처리하느냐(모델1) JSP에서 출력만 하느냐(모델2)로 분류할 수 있습니다. Model1 방식 모델1 구조는 사용자의 요청을 JSP가 전부 다 처리합니다. 웹브라우저 사용자의 요청을 받은 JSP는 자바 빈즈나..
서블릿(Servlet) 서블릿은 클라이언트의 요청을 처리하고, 그 결과를 반환하는 Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술입니다. 자바 서블릿(Java Servlet)은 자바를 사용하여 웹페이지를 동적으로 생성하는 서버 측 프로그램입니다. 웹에서 다양한 요청과 응답을 하게 되는데 이러한 요청과 응답의 흐름을 간단한 메서드 호출만으로 다룰 수 있게 해주는 기술을 의미합니다. 서블릿을 쓰는 이유? 서블릿을 사용하지 않는다면, 직접 HTTP 통신으로 오고가는 문자열을 파싱하여 요청값을 해석하고 다시 또 응답값을 보내는 기능을 구현해야 합니다. 따라서 우리는 서블릿을 통해 문자열 파싱 등 기능을 이용하고 우리는 내부 비즈니스 로직만을 작성하여 요청과 응답 기능을 쉽게 구현할 수 있습니다..
🚀 MyBatis란? 기존 JSP에서 데이터베이스와의 통신을 하려면 JDBC를 이용하여 자바를 무조건 거쳐야 했습니다. 따라서 자바에서 불가피하게 SQL 코드가 작성되었고, 자바와 SQL이 섞이다 보면 코드가 길어지고 섞여 유지보수와 분업이 쉽지 않았습니다. 이러한 불편함을 해소하기 위해 myBatis를 이용합니다. MyBatis 구조 myBatis는 기존의 JDBC 방식과는 달리 SQL문을 XML 파일에 작성함으로써 코드가 줄어들고, SQL문 수정이 편해집니다. 또한 DBCP(Databse Connection Pool)를 사용하여 커넥션을 여러 개 생성하기 때문에 JDBC만 사용하는 것보다 작업 효율과 가독성이 좋아집니다. DBCP(Database Connection Pool)로 DB연결 사용자 요청이..
🚀 JSP로 사칙연산 계산기 만들기 실습 위와 같은 흐름으로 서비스를 처리해 보려고 합니다 :) 1. 우선 화면을 만들자 📜 WebContent/calc.jsp 파일 그럼 위와 같이 간단하게 input 창, button 하나 이렇게 구성됩니다.우리는 수식입력이라고 보이는 input에 1+1 이런식으로 무조건 숫자 2개에 사칙연산 기호 1개 이렇게 들어온다고 가정하고 로직을 작성하려고 합니다. 따라서 해당 사칙연산 기호에 따라 다르게 연산하게 되겠죠? 참고로 아직 action="" 자리는 비워뒀습니다. 해당 자리에는 연산을 담당할 서블릿이 있는 파일명 혹은 경로를 적어주어야 합니다. 저는 서블릿을 작성하고, web.xml에서 가상주소를 등록한 후에 다시 채우도록 하겠습니다. 2. 실제 연산을 담당할 클래스..
- Total
- Today
- Yesterday
- 스타일 컴포넌트 styled-components
- JSP
- rtl
- 딥러닝
- 파이썬
- 리액트 훅
- 데이터분석
- styled-components
- jest
- 리액트
- react-query
- HTML
- 타입스크립트
- 머신러닝
- 프론트엔드 공부
- Python
- 인프런
- testing
- 자바스크립트 기초
- 프론트엔드
- 프로젝트 회고
- TypeScript
- CSS
- frontend
- 디프만
- 자바
- 자바스크립트
- react
- next.js
- 프론트엔드 기초
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |