아래 글은 “웹 개발 기초부터 실무까지” 시리즈의 열 번째 글입니다. 이번에는 최신 웹 개발 트렌드 및 기업에서 활용하는 기술 스택 분석을 다루겠습니다.기술은 빠르게 변화하고 있으며, 기업에서는 최신 기술을 활용해 보다 효율적인 개발 환경을 구축하고 있습니다.이번 글에서는 2024~2025년 기준으로 웹 개발에서 주목받는 트렌드와 실제 기업에서 사용되는 기술을 분석해보겠습니다. 1. 최신 웹 개발 트렌드 (2024~2025년)1-1. 자바스크립트와 프레임워크의 진화React, Vue, Angular 등 기존 프레임워크가 더욱 발전하며, Next.js, Nuxt.js, Svelte와 같은 메타 프레임워크가 인기를 얻고 있음React Server Components(RSC) 등장 → 서버에서 UI를 렌더링하..

흐름도 / 흐름도 / 흐름도 그리기는 너무 어려워 !그래도 해보자! DFD (Data Flow Diagram)https://en.wikipedia.org/wiki/Data-flow_diagram Data-flow diagram - WikipediaFrom Wikipedia, the free encyclopedia Graphical representation of the "flow" of data through an information system Data flow diagram with data storage, data flows, function and interface A data-flow diagram is a way of representing a flow of data through aen.w..
필요한 유틸리티 기능은 무엇이 있을까?프로젝트를 진행하다보면 기존의 코드를 사용하던 처음 부터 구축하여 진행을 하던간에 공통 유틸리티 성의 코드를 가져다 쓰거나 만들어서 쓰는 일들이 많은 것 같다.대부분의 요구사항에는 파일이나 엑셀, 암호화 등의 기능을 요구하는 곳이 많기도 하고 접근에 관한 이력을 DB에 저장해야하는 경우도 많았다.파일 유틸암호화 유틸엑셀 유틸request 유틸session 유틸등이 기본적으로 필요했고, 많이 쓰였다. 더 많은 프로젝트를 접해 보면 더 좋겠지만, 위와 관련된 코드들을 구현해 보면 좋겠다는 생각이 들었다. 유틸리티 class보통 이전의 유틸리티 class들을 static으로 불러와 많이 사용하였다. 요즘은 new 또는 @Component로 DI 를 통해 사용한다고 하는데 ..
1. Dependency 추가// build.gradleimplementation group: 'org.springframework.boot', name: 'spring-boot-starter-data-jpa', version: '3.2.5'runtimeOnly group: 'com.h2database', name: 'h2', version: '2.2.224'compileOnly group: 'org.projectlombok', name: 'lombok', version: '1.18.30'annotationProcessor group: 'org.projectlombok', name: 'lombok', version: '1.18.30'2.property 추가// application.ymlspring: ..

연습 겸 코드 기록으로 작성 데이터베이스는 docker 를 이용해 mariadb 컨테이너를 사용하고, 서버로는 springboot , 프론트로는 react를 사용해보기로 했다. 1. mariadb - docker 먼저 docker-desktop 이나 docker가 설치 되어있다는 가정하에 진행한다. 먼저 mariadb 이미지를 pull 받아준다. docker pull mariadb docker run으로 mariadb 컨테이너를 만들어 줍니다. docker run -dit --name=mariadb -p 3307:3306 -e MARIADB_ROOT_PASSWORD=root --restart=always mariadb docker exec 로 root 접속해 유저생성, 데이터베이스 생성, 권한을 부여해 ..
- Total
- Today
- Yesterday
- PostgreSQL
- babel
- nextJS
- Ktor
- Project
- Next.js
- llm
- 프론트엔드
- 백엔드개발
- 웹개발
- Webpack
- kotlin
- Page
- LangChain
- fastapi
- AI챗봇
- til
- REACT
- 백엔드
- 챗봇개발
- nodejs
- Docker
- 관리자
- 페이지
- github
- 로컬LLM
- 리액트
- Python
- 개발블로그
- rag
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |