reactJs 확장프로그램 devtool 설치

https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi React Developer Tools - Chrome 웹 스토어Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.chromewebstore.google.com 해당 사이트에서 devtools 확장프로그램 추가 App.jsximport Counter from "@/components/Counter";import UserCard from "@/components/UserCard";function App..

• format_list_bulleted frontend/react
• · 2025. 12. 15.
• textsms

reactJs vsCode eslint 플러그인 설정

플러그인 선택후 eslint 설치 eslint.config.jsimport js from '@eslint/js'import globals from 'globals'import reactHooks from 'eslint-plugin-react-hooks'import reactRefresh from 'eslint-plugin-react-refresh'import { defineConfig, globalIgnores } from 'eslint/config'export default defineConfig([ globalIgnores(['dist']), { files: ['**/*.{js,jsx}'], extends: [ js.configs.recommended, reactHoo..

• format_list_bulleted frontend/react
• · 2025. 12. 15.
• textsms

reactJs 프로젝트 경로 src '@' 설정

vite.config.jsimport { defineConfig } from "vite";import react from "@vitejs/plugin-react";import { resolve } from "path";export default defineConfig({ plugins: [react()], resolve: { alias: { "@": resolve("src"), }, },}); 루트디렉터리에 jsconfig.json 생성- vite.config.js만 생성하도 컴파일 에러가 나지않지만, Eslint 설정이 빡세게 되어있거나, idel에서 에러가 날경우가 있어서 아래 추가 jsconfig.json{ "compilerOptions": { "baseU..

• format_list_bulleted frontend/react
• · 2025. 12. 15.
• textsms

react 프로젝트 세팅

노드 설치 및 확인vsCode를 실행한후 아래 명령어를 실행한다.node -vnpm -v - 설치가 되어있지않으면 node js 설치를 한다.https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org 프로젝트 설정vsCode 터미널에서 프로젝트를 생성할 폴더로 이동후 아래 명령어를 작성한다.npm create vite@latest 프로젝트명 - React 선택 - ..

• format_list_bulleted frontend/react
• · 2025. 12. 15.
• textsms

[코프링] 13. dotenv 적용해서 spring 프로퍼티 중요정보 .env 파일로 분리하기

spring 프로퍼티를 설정할때 중요정보를 보여주지 않고 따로 환경설정 파일로 분리하고 싶을때가 있을것이다.그때 dotenv를 적용해서 env파일로 분리하는 방법을 아래 내용에 작성하려고 한다. build.gradle.kts//dotenvimplementation ("io.github.cdimascio:java-dotenv:5.2.2") 루트 디렉터리 경로에 .env 파일 생성 .envSPRING_PROFILES_ACTIVE=localSECRET=jwt시크릿키 application.ymlspring: config: import: optional:file:.env[.properties] profiles: active: ${SPRING_PROFILES_ACTIVE} # 기본적으로 local ..

• format_list_bulleted backend/코프링
• · 2025. 2. 18.
• textsms

[코프링] 12. Render 무료 호스팅서버에 Spring boot + Kotlin 배포하기

백엔드 무료서버가 몇가지있지만 그중 Render라는 무료 서버 호스팅 사이트에 배포하는 방법 관련 내용입니다.이전 포스팅한 간단한 프로젝트를 Render에 배포해보겠습니다.기본적으로 docker hub 회원가입 및 도커가 설치 되어있다는 기준으로 진행하겠습니다. intelij 프로젝트에서 gradle build 클릭 DockerFileFROM azul/zulu-openjdk:17-latestVOLUME /tmpCOPY build/libs/*.jar app.jarENTRYPOINT ["java","-jar","/app.jar"]  intelij 터미널에 아래 명령어 순서대로 입력docker build -t 프로젝트명 .docker imagesdocker tag 프로젝트명:latest 도커아이..

• format_list_bulleted backend/코프링
• · 2025. 2. 14.
• textsms