KDM연구원

경제/문화/정보통신IT분야 전문 교육 KDM컨설팅 SmartSpace 연구소입니다.

리액트 SSR과 CSR 컴포넌트 동시에 한 화면에 표출하기

by

리액트 SSR과 CSR 컴포넌트 동시에 한 화면에 표출하는 예제를 만들어 봅니다. page.js import React from “react”; async function SsrComponent() { // Fetch data on the server side const res = await fetch(“https://66cc88b9a4dd3c8a71b7f996.mockapi.io/users”, { cache: “no-store”, // Ensure the data is fetched freshly on each request }); const data = await res.json(); return ( <div> <h2>SSR … Read more

How to install redmine with sqite3 on Mac

by

맥북에 레드마인을 설치하는 방법을 정리하였습니다. 데이터베이스는 Sqlite3를 사용하는 것으로 가정하고 방법을 나열하였습니다. 홈브루를 사용하여 먼저 루비를 설치하고, sqlite를 설치한 후 레드마인인 다운로드하여 설치합니다. How to install Redmine with SQLite3 on a Mac with an M3 chip 1. Install Homebrew (if not installed) Homebrew is a package manager for macOS that simplifies the installation of software. … Read more

타입스크립트(TypeScript)와 자바스크립트(JavaScript) 문법적 차이 7가지

by

타입스크립트(TypeScript)와 자바스크립트(JavaScript) 문법적 차이 7가지 통상 타입스크립트는 자바스크립트보다 더 안전하고 유지보수하기 쉬운 코드를 작성할 수 있게 해줍니다. 타입을 명시하고, 인터페이스를 정의하며, 코드 작성 시점에서 오류를 발견할 수 있어, 대규모 애플리케이션 개발에 유리합니다. 1. 타입 시스템 JavaScript: 자바스크립트는 동적 타이핑(dynamic typing)을 사용합니다. 이는 변수의 타입을 명시적으로 지정하지 않으며, 값에 따라 타입이 자동으로 할당됩니다. let message = … Read more

자바스크립트 리액트 입문 가이드

by

자바스트립트 언어를 가지고 웹 앱을 만들수 있는 리액트를 입문하기 위해 필요한 지식과 공부 가이드라인을 적어봤습니다. 1. 리액트 입문을 위한 사전 지식 리액트에 입문하기 전에 반드시 익혀야 할 기초적인 웹 개발 지식들이 있습니다. 리액트는 JavaScript를 기반으로 하기 때문에, 이를 잘 이해하는 것이 매우 중요합니다. 또한, 리액트의 최신 문법들은 ES6+ 버전을 활용하고 있어 이에 대한 이해도 필수적입니다. … Read more