[React – 기초강좌] Vite를 이용한 프로젝트 시작하기 (with Typescript)
Vite는 빠르고 가벼운 React 개발 환경을 제공하는 차세대 프론트엔드 빌드 도구입니다. 기존 Create React App(CRA)보다 더 빠른 개발 서버와 빌드 속도를 자랑하며, ESM을 활용해 효율적인 모듈 로딩을 지원합니다. 이 포스팅에서는 Vite를 이용한 React 프로젝트 설정 방법과 TypeScript 통합, 플러그인 활용법을 ...
Read more[React – 기초강좌] 개발환경 설치 및 프로젝트 셋팅 가이드
React는 모던 웹 개발에서 가장 많이 사용되는 라이브러리 중 하나입니다. 이 포스팅에서는 React 개발 환경을 설정하고 초기 프로젝트를 셋업하는 과정을 단계별로 안내합니다. Node.js 설치부터 초기 프로젝트 설정까지 따라 하면서 개발을 시작해보세요! 1. Node.js 설치 (필수 준비 단계) React 프로젝트는 Node.js ...
Read more[React – 기초강좌] HTML, CSS, Javascript(Typescript) 다지기
React는 웹 애플리케이션 UI를 구축하는 강력한 라이브러리이지만, 효율적으로 사용하기 위해선 HTML, CSS, 그리고 JavaScript의 기초 지식이 필수적이며, 더 나아가 Typescript를 사용할 경우 Typescript도 알아야합니다. 이 포스팅에서는 React를 배우기 전 반드시 숙지해야 할 HTML, CSS, JavaScript, Typescript 개념을 정리해드립니다. HTML (웹 ...
Read more[React – 기초강좌] React를 알아가는 첫걸음 (with Curriculum)
React는 현대 웹 개발에서 가장 인기 있는 라이브러리 중 하나로, 컴포넌트 기반 UI 개발에 최적화된 도구입니다. 이 포스팅에서는 React를 처음 시작하는 초보자부터 고급 단계까지 차근차근 성장할 수 있는 학습 커리큘럼을 제공합니다. 각 단계별로 목표와 추천 학습 내용, 프로젝트 아이디어를 포함해 ...
Read more[Node.js – 기초 강좌] 9. Packaging 하기 (Webpack, pkg)
Node.js 애플리케이션을 배포하고 관리하는 과정에서 패키징(Packaging)은 매우 중요한 단계입니다. 패키징은 소스 코드를 배포 가능한 형태로 변환하는 과정으로, 다양한 환경에서 일관되게 애플리케이션을 실행할 수 있도록 합니다. 이번 포스팅에서는 Node.js 애플리케이션 패키징에 대해 알아보고, Webpack과 pkg를 사용하여 패키징하는 방법을 설명하겠습니다. 패키징(Packaging)이란 무엇이고 ...
Read more[Node.js – 기초 강좌] 9. Test 코드 작성하기(with Mocha, Chai)
Node.js에서 테스트 코드를 작성하는 것은 코드의 정확성, 안정성, 유지보수성을 보장하는 데 중요한 역할을 합니다. 이를 통해 개발자는 코드가 예상대로 동작하는지 확인하고, 코드 변경이 기존 기능에 영향을 미치지 않도록 할 수 있습니다. 테스트는 소프트웨어 개발의 필수적인 부분이며, 다양한 테스트 프레임워크와 라이브러리를 사용하여 효율적으로 작성할 수 있습니다. 이번 포스팅에서는 Mocha와 Chai를 이용한 테스트 코드를 작성하는 방법을 알아보겠습니다.
Read more[Node.js – 기초 강좌] 8. Websocket 소개 및 사용하기
WebSocket은 클라이언트와 서버 간의 실시간 양방향 통신을 가능하게 하는 혁신적인 프로토콜입니다. 이 블로그 포스팅에서는 WebSocket의 개념, 동작 원리, 그리고 Node.js와 TypeScript를 사용하여 서버와 클라이언트에서 Websocket을 사용하는 방법을 다룹니다. Websocket 이란? 개요 WebSocket은 클라이언트와 서버 간의 양방향 통신을 가능하게 하는 네트워크 ...
Read more[Node.js – 기초 강좌] 7-2. 사용자 인증하기(Authentication) – (JWT 사용)
JWT(JSON Web Token)는 현대 웹 애플리케이션에서 사용자 인증 및 정보 교환을 위한 강력한 도구입니다. 본 포스팅에서는 JWT의 개념과 동작 원리를 이해하고, Node.js(Typescript & Express)를 사용하여 실제 구현하는 방법을 소개합니다. JWT는 서버와 클라이언트 간의 정보를 안전하게 주고받기 위한 서명된 토큰을 생성하여, ...
Read more[Node.js – 기초 강좌] 7-1. 사용자 인증하기(Authentication) – (Session & Cookie 사용)
사용자 인증은 시스템에 접근하는 사용자의 신원을 확인하는 과정입니다. 보안의 중요한 요소로, 다양한 방식으로 구현될 수 있습니다. 여기서는 세션과 쿠키를 이용한 인증, 그리고 JSON Web Token (JWT)을 이용한 토큰 기반 인증에 대해 알아보겠습니다. 세션(Session)을 과 쿠키(Cookie)를 이용한 인증 개요 세션(Session)과 쿠키(Cookie)는 ...
Read more[Node.js – 기초 강좌] 6. Database 연동하기(Feat. MongoDB 소개 및 연동)
데이터베이스는 애플리케이션의 핵심 구성 요소 중 하나입니다. 특히 NoSQL 데이터베이스인 MongoDB는 유연한 스키마와 높은 성능으로 많은 개발자들에게 사랑받고 있습니다. 이번 포스팅에서는 Node.js에서 Database를 연동하는 방법을 소개하려고 하는데, 그중에서 특히 NoSQL 데이터베이스인 MongoDB를 소개하고, Mongoose를 이용하여 Node.js 애플리케이션에서 MongoDB와 연동하는 방법을 ...
Read more
