LLM(Large Language Model)

메모리 - 대화내용 기억

Loader(로더)

OCR(Optical Character Recognition, 광학 문자 인식)

embedding(임베딩)

RAG(Retrieva Augmented Generation)

벡터DB

프롬프트

HTML

리액트 네이티브(React Native)에 프로젝트 시작하기

Redis(레디스)

로그인

JWT

Exception(익셉션) 가이드

JPA(Java Persistence API) 가이드

Generic(제네릭)

MSSQL

tomcat7-maven-plugin

Shell Script(쉘 스크립트)

Git Blit (깃 블릿) 가이드

Xshell

CORS(Cross-Origin Resource Sharing)

AOP(Aspect Orented Programming)

Procedure(프로시저)

Isolation Level(격리 수준)

Thread(스레드)

Collection(자료구조)

log(로그)

REST API

XSS(Cross Site Scripting)

CSS

ES(ECMAScript, 에크마스크립트)는 2009년 표준화 된 ES5 이후로 2015년 ES6로 업데이트 되어 현재 JavaScript에서 ES6를 많이 사용 중에 있습니다. ES5는 jquery와 함께 사용되었던 var, function등을 사용한 javascript 버전이라고 할 수 있고, ES6는 현재 많이 사용되는 Node, React 등에 사용되는 버전이라고 할 수 있습니다.

babel은 입력한 JavaSciprt(ES6~) 코드를 컴파일 하여 JavaScript(ES) 로 출력하는 컴파일러 입니다. JavaScript ES6 문법은 브라우저가 이해하지 못하는 문제가 있어 ES6 문법을 사용하는 개발환경에선 babel을 사용해 브라우저가 이해할 수 있는 문법으로 컴파일 합니다.Node.js를 사용하여 구축한 프론트 프레임워크 개발환경에서는 대체로 JavaScript는 ES6를 많이 사용하므로, 개발환경에 babel을 설치하여 같이 환경을 구축하는 개발방법이 주로 사용됩니다.

DevOps

webpack은 애플리케이션을 구성하는 자원들을 하나의 파일로 병합 및 압축하는 모듈 번들러 입니다. 한 예로, 여러 js 파일들을 불러와야 하는 브라우저는 네트워크 적으로 부담을 가질 수 밖에 없으나 webpack을 통해 js를 하나로 묶어서 불러올 경우 네트워크 부담을 줄여 성능을 증가 시킬 수 있습니다. 프론트 프레임워크 개발환경에서는 대체로 Node.js를 사용해 구현하므로, 개발환경에 webpack을 설치하여 개발 환경을 구축하는 개발방법이 주로 사용됩니다.

JSP(Java Server Pages)

`Swagger` 는 OAS(Open Api Specification) 입니다. API 문서화를 웹 UI로 편리하게 제공하며, 파라미터와 header 등을 변경해 가면서 API 테스트도 가능합니다.

Jenkins(젠킨스)

자바를 이용해서 개발 할 때 각 계층간 데이터를 교환하기 위해 VO/DTO/Domain 객체를 생성하고 getter/setter/toString을 정의합니다. 객체 데이터가 추가/변경될 때 마다 매번 getter/setter도 추가/변경하게 되는 불편함이 발생됩니다. `lombok`은 어노테이션으로 설정으로 getter/setter/toString을 자동으로 만들어 주는 기능이라고 할 수 있습니다

스프링 프레임워크의 대표적인 디자인 패턴들을 설명합니다.

mybatis 스프링 마이바티스 가이드

Cache(캐시)는 데이터 결과를 미리 저장해두고 요청이 들어오면 원본 데이터가 아닌
미리 저장해 놓은 데이터 결과를 보여주는 기법을 말합니다. 캐시를 사용해서 데이터를 저장해 놓고 이후에 데이터 요청이 있을 경우 원본 데이터를 불러오는 것보다 미리 저장해 놓은 데이터를 불러와 성능적으로 더 빠르게 결과를 출력합니다. 캐시는 결과가 바뀌지 않는 매번 동일한 결과를 출력하는 곳에 사용할 경우에 효율이 올라가며 반대로 매번 다른 결과가 출력되거나, 값이 빈번하게 수정되는 경우엔 오히려 성능적으로 떨어질 수 있습니다.

MSA(Microservices Architecture)

npm은 자바스크립트를 관리하기 위한 Node.js 기본 패키지 관리자입니다. Node.js를 사용하는 프로젝트에서 npm 명령어를 통해 공개된 모듈들을 설치/업데이트/삭제 하면서 쉽게 관리가 가능합니다. npm이 없었을 때엔 github를 통해 수동으로 다운로드 하여 관리하곤 했었습니다. 이런 불편함을 없애고자 개발됬으며 Node.js를 설치하면 기본적으로 npm이 설치됩니다.

Cron 가이드

Spring Batch 스프링 배치 가이드

Security(시큐리티)

Query 가이드

JAVA Rest API 가이드

RestTemplate 가이드

MYSQL

GIT 이슈 관리 가이드

자바 스프링 부트(JAVA Spring Boot) Gradle 설정

Maria

AWS 호스팅 영역 가이드

탄력적 IP 가이드

AWS PHP 가이드

AWS Apache 가이드

리액트 > Next.js > 커스텀 App (_app.js) 가이드

리액트 > Next.js > 커스텀 Document (_document.js) 가이드

프로젝트 개발 환경 구성해 보며 GIT에 대한 설정과 개발 환경 셋팅 가이드

XSS(Cross Site Scripting)

GIT Cherry Pick (체리 픽) 가이드

Batch Script(배치 스크립트) 가이드

Linux 가이드

Windows 가이드

Spring Boot 시작하기

리액트 Next.js > sass & css 가이드

리액트 AOS 가이드

리액트 AOS 가이드

리액트 Next.js > Head 가이드

리액트 Next.js > Image 가이드

리액트 > Next.js > next.config.js 가이드

리액트 Next.js > 라우팅 가이드

리액트 Next.js 가이드

NodeJS 환경설정(.env) 가이드

리액트 네이티브(React Native)의 날짜 선택기(date picker) 가이드

리액트 네이티브(React Native)의 광고(advert) 가이드

리액트 네이티브(React Native) Firebase Messag 가이드

리액트 네이티브(React Native) 로컬 알림(푸쉬) 가이드

리액트 네이티브(React Native) webView 가이드

Python

리액트 네이티브(React Native)에 대해 설치 부터 실행하는 가이드

yarn은 페이스북에서 만든 npm과 같은 기능을 수행할 수 있는 자바스크립트 패키지 매니저입니다. yarn은 npm의 단점으로 꼽히는 속도, 안정성, 보안성 등을 개선하고자 개발되었습니다. yarn의 동작 방식으로는 다운받은 패키지 데이터를 캐시(cache)에 저장하여, 중복된 데이터는 다운로드하지않고, 캐시에 저장된 파일을 활용합니다. 또한 여러개의 패키지를 설치할 때 병렬로 처리하기 때문에 이론적으로 npm에 비해 패키지 설치속도가 빠릅니다. (npm은 순차적) npm은 패키지가 설치될 때 자동으로 코드와 의존성을 실행할 수 있도록 허용했습니다. 이 특징은 편리한 기능이지만 보장된 정책 없이 등록한 패키지가 존재할 수 있다는 점에서 안정성이 떨어집니다. 반면 yarn은 yarn.lock이나 package.json으로 부터 설치만 하며, yarn.lock은 모든 디바이스에 같은 패키지를 설치하는 것을 보장하기 때문에 버전의 차이로 인해 생기는 버그를 방지해줄 수 있습니다.

서버를 구성하는 기본 방법 및 구성 방법을 설명하며, 장단점 등을 통해 더 상세하게 설명한다.

VSCode 가이드

React는 SPA(Single Page Application) 개발 방식을 전제로 하고 있습니다. 프레임워크가 아닌 라이브러리로서 통상적으로 사용되는 라우팅, API통신 등의 기능들이 기본적으로 제공되지 않기 때문에 추가적으로 라이브러리를 사용해야 합니다. 최근엔 Next.js와 같은 라이브러를 통해 프레임워크 같이 사용할 수 있습니다. React의 동작방식은 render시 Virtual DOM에서 Dirty Checkking을 통해서 업데이트 해야하는 DOM 요소를 찾아내고 해당 부분만 업데이트 합니다. 이러한 기능으로 빠른 퍼포먼스가 특징입니다. React는 페이스북, 인스타그램 등과 같이 보여지는 데이터의 잦은 변경이 이루어지는 웹에 사용했을 때 효율이 극대화 됩니다. 단, 데이터가 자주 변경되지 않는 비교적 정적인 웹 페이지에 이를 적용할 경우 오히려 성능면에서 손해를 볼 수 있습니다.

리액트 네이티브(React Native)의 firebase (파이어베이스) 가이드

리액트(React) Context API 가이드

리액트 네이티브(React Native)의 react-navigation(내비게이션) 플러그인에 대한 가이드

리액트 네이티브(React Native)에 스타일 플러그인에 대한 가이드

리액트 네이티브(React Native)에 AsyncStorage 플러그인에 대한 가이드

리액트 네이티브(React Native)에 geolocation 플러그인에 대한 가이드

리액트(React) 라이프 사이클 함수 가이드

리액트 네이티브(React Native)의 react-native-make(앱 아이콘/스플래쉬) 플러그인에 대한 가이드

리액트 네이티브(React Native)에 절대 경로 설정에 대한 가이드

리액트 네이티브(React Native) 공부 샘플

react에 SASS를 설정하는 방법을 설명한다. loader 설치 부터, webpack 설정 및 기타 플러그인 설치 등 react에서 사용되는 sass활용법 정보다.