dev + it dev java openjdk openjdk 설치하기 (Windows, Linux)설치파일을 사용하지 않고 압축을 풀어서 jdk를 설정하는 방법에 대해 알아보겠습니다.설치 방법은 편의상 반말체를 사용하겠습니다. OpenJDK 사이트openjdk archive : https://jdk.java.net/archive/ zulu : https://www.azul.com/downloads/?package=jdk#zulu Windows에 jdk 설치하기1. 아카이브에서 원하는 windows openjdk 버전을 다운받는다. 2. 적절한 경로에 압축을 푼다.ex) c:\java\zulu18.32.11-jdk18.0.2 3. 환경 변수를 설정한다.- 시스템 변수에 아래 두개의 환경 변수를 새로 생성한다.변수명 : JAVA_HOME값 : 본인이 설치한 자바 위치의 최상위 경로 ex) c:\java\.. wono | discuss | tweet + it dev vscode spring vs code - Expected java package name error wono | discuss | tweet + it dev egov jdk [WEB]전자정부프레임워크 4.0 설치 실행 및 JDK 여러개 운용 방법전자정부프레임워크 4.0 설치 실행 및 JDK 여러개 운용 방법에 대해 기록한다 1. 전자정부프레임워크 4.0 다운로드를 위해 해당 URL로 접속한다 https://www.egovframe.go.kr/home/sub.do?menuNo=94 개발환경 - 4.x 다운로드 | 표준프레임워크 포털 eGovFrame 처리중입니다. 잠시만 기다려주십시오. www.egovframe.go.kr - 위 링크로 접속 한 뒤 4.0.0 개발자용 개발환경 64bit(Implementation Tool) Version 4.0.0 을 다운로드 한다. - 압축해제시 해당 위치에 eclipse 와 workspace가 생성이 된다 2. JDK11 다운로드 Egov4.0 부턴 JDK11이상 버전을 필수로 사용 해야되기 때문에 JDK11.. wono | discuss | tweet + it dev egov jdk 실행환경 - Release Notes | 표준프레임워크 포털 eGovFrame wono | discuss | tweet + it dev egov java egovframe 개발자 개발환경 설치가이드 wono | discuss | tweet + it dev react chart React Chart Library 비교웹 개발자가 가장 많이 사용하는 차트 라이브러리적당한 커스텀이 가능모든 차트 유형을 제공하지는 않음사용이 비교적 쉽고 간단함Chart.js를 React 애플리케이션에서 쉽게 사용할 수 있도록 해주는 라이브러리혼합 차트 제공기본 디자인이 가장 단순하고 대중적간단한 차트 wono | discuss | tweet + it dev react chart [React] 리액트 그래프/차트 라이브러리 모음기업협업 프로젝트에서 다양한 차트 라이브러리를 사용해야 해서 직접 사용해 본 라이브러리나 리액트 개발자들 사이에서 유명한 라이브러리를 모아 보았다. https://nivo.rocksNivo.rocks커스텀 끝판왕. 직접 실행해보고 바로 코드 복붙 가능걍대박인데 wono | discuss | tweet + it dev react chart [ React ] Chart UI 구현을 위한 React 라이브러리 정리Chart 관련 Libraries 정리 글 1.Recharts⭐ 20.3k 의 인기 있는 차트 라이브러리. (중국 회사)storybook을 통한 UI 명세가 있고, 굉장히 다양한 차트 컴포넌트 지원.https://recharts.org/en-US 2.nivo⭐ 11.4khttps://nivo.rocks/components/ 3.apexcharts⭐ 12.5k예쁘고 아기자기한 디자인, React 컴포넌트 예시(class 컴포넌트 기반), 커스터마이징 자유도 높음.https://apexcharts.com/ 4.react-chartjs-2⭐ 5.9kChart.js 용 React Component 라이브러리. Chart.js V3,V4를 서포트함. (가장 인기 많.. wono | discuss | tweet + it dev nextjs auth [Next.js] Middleware로 로그인 여부 확인 중복 코드 줄이기Next JS Middleware를 알아보고 로그인 여부를 확인하는 공통 로직을 중앙에서 처리해봅니다. wono | discuss | tweet + it dev java vscode Java 프로젝트 별 JDK 설정 방법Java 프로젝트 개발환경 일반적으로 VScode로 Java 개발을 할 때, JDK 경로는 VScode의 Settings.json 파일에서 다음과 같이 설정됩니다. { "java.jdt.ls.java.home": "JDK 경로", } 그러나 모든 Java 프로젝트가 동일한 JDK 버전을 사용하는 것은 아닙니다. 때로는 특정 프로젝트에서 다른 JDK를 사용해야하는 경우가 있습니다. root ├─ .gradle ├─ .vscode │ └─ settings.json └─ src ├─ main └─ test 이 경우 프로젝트 내부 .vscode 폴더 내부에 있는 settings.json 파일에서 다음과 같이 설정하면 됩니다. { "java.jdt.ls.java.home": "JDK 경로", } 이렇게 하면 해당.. wono | discuss | tweet + it dev java Window 에서JAVA 버전 변경해가며 사용하기현재 글 작성일 기준으로 오라클에서 제공하고 있는 가장 최신 버전의 자바는 20 버전 입니다. https://www.oracle.com/java/technologies/downloads/ 그러나 현업에서 가장 많이 사용하는 버전은 제 기준 아직까지는 1.8 버전이고 간혹 옛날부터 이어져 오는 프로젝트를 맡아서 할 때는 그 이전 버전의 자바도 사용해야 할 경우가 종종 있습니다. 이클립스나 STS 같은 툴을 이용해서 개발하시는 분들은 툴에서 제공하는 기본 설정을 통해 자바의 버전을 프로젝트별로 바꾸어 가며 사용하실 수도 있지만 간혹 윈도우 자체 자바의 버전을 바꾸어가며 사용해야 할 경우가 있어서 오늘 알려드리는 방법은 윈도우 자체의 자바 버전을 바꾸어가며 사용하는 방법입니다! 우선 윈도우 자바 버전은 윈도우.. wono | discuss | tweet + it dev nextjs Next.js 폴더/파일 구조 잡기주니어 개발자들이 가장 많이 물어보는 질문이 폴더 구조에 대해 묻는 것이다. 사실 이런 질문들은 항상 답이 정해져있다. “그때 그때 달라요” 아니 시발 그때 그때 다른게 어딨어? 하고 빡이 칠법도 하다. 참 막막하겠지. 내가 그 기분 알지. 사실 저런 답변은 내가 가장 싫어하는 종류중 하나인데, 나는 내가 틀린 답을 낼 지언정 빠르게 적용하고 바로 효과를 볼 수 있는걸 주고 싶어한다. (나는 액상과당 같은 사람이니까 과용하면 해롭다) 그리고 내 생각이 영원히 옳지 않다는 것을 알고 있으므로 더 좋은게 나오면 빠르게 갈아탄다. 자바스 wono | discuss | tweet + it dev nextjs FrontEnd 개발자가 가장 빠르게 서비스를 구축하는 방법Introduction웹 애플리케이션을 구축하는 것은 복잡한 작업이 될 수 있지만, 최근 몇 년간 등장한 기술 스택 덕분에 개발 속도를 크게 향상할 수 있는 방법들이 많아졌습니다. 프론트엔드 개발자들은 주로 JavaScript 또는 TypeScript에 익숙한데, 최근에는 서버와 클라이언트 모두 JavaScript로 통합할 수 있는 환경이 마련되면서 프론트엔드 개발자가 웹 전체를 빠르게 구축할 수 있는 강점을 갖추게 되었습니다. 실제로 얼마 전, 저는 부산 지역의 사설 도서관들의 도서 관리 서비스를 구축해야 했습니다. 각 사용자 별 계정을 생성하고, 해당 계정이 속한 도서관에 접근해 도서를 추가하고 삭제할 수 있어야 했으며, 사용자들이 저장된 도서 정보들을 검색할 수 있어야 했죠. 즉 웹 애플리케이션의 .. wono | discuss | tweet + it dev nodejs npm [React][npm][VSCode][expo]이 시스템에서 스크립트를 실행할 수 없으므로 ... 파일을 로드할 수 없습니다 에러 해결[React][npm][VSCode][expo] 이 시스템에서 스크립트를 실행할 수 없으므로 ... 파일을 로드할 수 없습니다. CategoryInfo: 보안 오류: (:) [], PSSecurityException 에러 해결 문제 해결 발생 원인 '이 시스템에서 스크립트를 실행할 수 없으므로'라는 오류는 주로 Windows 운영 체제에서 발생합니다. 특히, VSCode 등에서 Terminal 등을 이용하여 스크립트를 실행할 때 등 인데, 이 오류는 PowerShell 스크립트를 실행할 수 없는 권한 부족 문제로 인해 발생합니다. 본인의 경우에는 리액트 네이티브(React Native) 공부 중 VSCode 내 터미널(Terminal)에서 expo init 명령어를 실행했을 때 발생했습니다. 해결 방법 .. wono | discuss | tweet + it dev nodejs nvm [Node.js] Node.js와 NVM 깨끗하게 삭제하기Node.js 삭제하기 제어판 > 프로그램 > 프로그램 제거 (또는 Win+R > appwiz.cpl) 설치된 Node.js 버전을 찾아 선택하고 제거 NVM 삭제하기 파일 탐색기에서 C:\Users\\AppData\Roaming\nvm 폴더를 찾아 삭제 Win+R > cmd > control sysdm.cpl,,3 입력 > 환경변수 > NVM_HOME 및 NVM_SYMLINK 변수를 삭제 관련 폴더 삭제하기 C:\Program Files\nodejs 폴더 삭제 C:\Users\\AppData\Roaming\npm 폴더 삭제 Win+R > regedit > HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Run 경로에서 nvm 관련 항목을 찾아 삭제 wono | discuss | tweet + it dev nodejs [Node.js] 노드js 설치 | 윈도우/맥/리눅스 개발환경 구축하기 with 깃, VSCode - 골든래빗Node.js를 개발하는 환경을 구축합니다. 윈도우, 맥OS, 리눅스를 대상으로 합니다. 윈도우 사용자는 1. 윈도우 개발 환경 구축, 맥OS 사용자는 2. 맥OS 개발 환경 구축, 리눅스 사용자는 3. 리눅스 개발 환경 구축을 참고해 환경을 구축해주세요. wono | discuss | tweet + it dev nodejs nvm pnpm (번역) 5가지 노드 버전 관리자 비교 - 어떤 것이 적합할까요?이 글에서는 서로 다른 5가지의 Node.js 버전 관리자를 비교해보겠습니다. 이들이 서로 어떻게 다른지 그리고 프로젝트의 상황에 따라 어떤 것을 고려해야하는 지 확인하실 수 있습니다. wono | discuss | tweet + it dev nodejs nvm 네이티브 Windows에 Node.js 설치Windows에 직접 Node.js 개발 환경을 설치하는 방법에 대한 가이드입니다. wono | discuss | tweet + it dev nodejs nvm node 버전을 여러개 쓰고싶다면 NVM을 써보자Node.js는 다들 알다시파 웹 브라우저 외부에서 JavaScript 코드를 실행할 수 있는 JavaScript 런타임 환경이죠? 대부분의 프론트엔드 개발자들은 NPM을 설치하여 node의 명령어를 사용합니다. 그렇다면 NVM은 무엇일까요? NVM은 Node Version Manager의 약자로, 컴퓨터에서 여러 버전의 Node.js를 관리할 수 있는 도구입니다. NVM을 사용하면 컴퓨터의 다른 Node.js 버전 간에 쉽게 전환하고, 특정 버전을 설치 및 제거하며, 글로벌 및 프로젝트별 Node.js 버전을 관리할 수 있습니다. 서로 다른 버전의 Node.js를 서로 다른 디렉토리에 설치하고, 시스템의 PATH 환경 변수를 수정하여 서로 전환할 수 있도록 하는 방식으로 작동합니다. 이 기능은 다른 버.. wono | discuss | tweet + it dev react bootstrap Open source admin dashboard interface in React.js and Bootstrap 5 wono | discuss | tweetNext
+ it dev java openjdk openjdk 설치하기 (Windows, Linux)설치파일을 사용하지 않고 압축을 풀어서 jdk를 설정하는 방법에 대해 알아보겠습니다.설치 방법은 편의상 반말체를 사용하겠습니다. OpenJDK 사이트openjdk archive : https://jdk.java.net/archive/ zulu : https://www.azul.com/downloads/?package=jdk#zulu Windows에 jdk 설치하기1. 아카이브에서 원하는 windows openjdk 버전을 다운받는다. 2. 적절한 경로에 압축을 푼다.ex) c:\java\zulu18.32.11-jdk18.0.2 3. 환경 변수를 설정한다.- 시스템 변수에 아래 두개의 환경 변수를 새로 생성한다.변수명 : JAVA_HOME값 : 본인이 설치한 자바 위치의 최상위 경로 ex) c:\java\.. wono | discuss | tweet
+ it dev egov jdk [WEB]전자정부프레임워크 4.0 설치 실행 및 JDK 여러개 운용 방법전자정부프레임워크 4.0 설치 실행 및 JDK 여러개 운용 방법에 대해 기록한다 1. 전자정부프레임워크 4.0 다운로드를 위해 해당 URL로 접속한다 https://www.egovframe.go.kr/home/sub.do?menuNo=94 개발환경 - 4.x 다운로드 | 표준프레임워크 포털 eGovFrame 처리중입니다. 잠시만 기다려주십시오. www.egovframe.go.kr - 위 링크로 접속 한 뒤 4.0.0 개발자용 개발환경 64bit(Implementation Tool) Version 4.0.0 을 다운로드 한다. - 압축해제시 해당 위치에 eclipse 와 workspace가 생성이 된다 2. JDK11 다운로드 Egov4.0 부턴 JDK11이상 버전을 필수로 사용 해야되기 때문에 JDK11.. wono | discuss | tweet
+ it dev react chart React Chart Library 비교웹 개발자가 가장 많이 사용하는 차트 라이브러리적당한 커스텀이 가능모든 차트 유형을 제공하지는 않음사용이 비교적 쉽고 간단함Chart.js를 React 애플리케이션에서 쉽게 사용할 수 있도록 해주는 라이브러리혼합 차트 제공기본 디자인이 가장 단순하고 대중적간단한 차트 wono | discuss | tweet
+ it dev react chart [React] 리액트 그래프/차트 라이브러리 모음기업협업 프로젝트에서 다양한 차트 라이브러리를 사용해야 해서 직접 사용해 본 라이브러리나 리액트 개발자들 사이에서 유명한 라이브러리를 모아 보았다. https://nivo.rocksNivo.rocks커스텀 끝판왕. 직접 실행해보고 바로 코드 복붙 가능걍대박인데 wono | discuss | tweet
+ it dev react chart [ React ] Chart UI 구현을 위한 React 라이브러리 정리Chart 관련 Libraries 정리 글 1.Recharts⭐ 20.3k 의 인기 있는 차트 라이브러리. (중국 회사)storybook을 통한 UI 명세가 있고, 굉장히 다양한 차트 컴포넌트 지원.https://recharts.org/en-US 2.nivo⭐ 11.4khttps://nivo.rocks/components/ 3.apexcharts⭐ 12.5k예쁘고 아기자기한 디자인, React 컴포넌트 예시(class 컴포넌트 기반), 커스터마이징 자유도 높음.https://apexcharts.com/ 4.react-chartjs-2⭐ 5.9kChart.js 용 React Component 라이브러리. Chart.js V3,V4를 서포트함. (가장 인기 많.. wono | discuss | tweet
+ it dev nextjs auth [Next.js] Middleware로 로그인 여부 확인 중복 코드 줄이기Next JS Middleware를 알아보고 로그인 여부를 확인하는 공통 로직을 중앙에서 처리해봅니다. wono | discuss | tweet
+ it dev java vscode Java 프로젝트 별 JDK 설정 방법Java 프로젝트 개발환경 일반적으로 VScode로 Java 개발을 할 때, JDK 경로는 VScode의 Settings.json 파일에서 다음과 같이 설정됩니다. { "java.jdt.ls.java.home": "JDK 경로", } 그러나 모든 Java 프로젝트가 동일한 JDK 버전을 사용하는 것은 아닙니다. 때로는 특정 프로젝트에서 다른 JDK를 사용해야하는 경우가 있습니다. root ├─ .gradle ├─ .vscode │ └─ settings.json └─ src ├─ main └─ test 이 경우 프로젝트 내부 .vscode 폴더 내부에 있는 settings.json 파일에서 다음과 같이 설정하면 됩니다. { "java.jdt.ls.java.home": "JDK 경로", } 이렇게 하면 해당.. wono | discuss | tweet
+ it dev java Window 에서JAVA 버전 변경해가며 사용하기현재 글 작성일 기준으로 오라클에서 제공하고 있는 가장 최신 버전의 자바는 20 버전 입니다. https://www.oracle.com/java/technologies/downloads/ 그러나 현업에서 가장 많이 사용하는 버전은 제 기준 아직까지는 1.8 버전이고 간혹 옛날부터 이어져 오는 프로젝트를 맡아서 할 때는 그 이전 버전의 자바도 사용해야 할 경우가 종종 있습니다. 이클립스나 STS 같은 툴을 이용해서 개발하시는 분들은 툴에서 제공하는 기본 설정을 통해 자바의 버전을 프로젝트별로 바꾸어 가며 사용하실 수도 있지만 간혹 윈도우 자체 자바의 버전을 바꾸어가며 사용해야 할 경우가 있어서 오늘 알려드리는 방법은 윈도우 자체의 자바 버전을 바꾸어가며 사용하는 방법입니다! 우선 윈도우 자바 버전은 윈도우.. wono | discuss | tweet
+ it dev nextjs Next.js 폴더/파일 구조 잡기주니어 개발자들이 가장 많이 물어보는 질문이 폴더 구조에 대해 묻는 것이다. 사실 이런 질문들은 항상 답이 정해져있다. “그때 그때 달라요” 아니 시발 그때 그때 다른게 어딨어? 하고 빡이 칠법도 하다. 참 막막하겠지. 내가 그 기분 알지. 사실 저런 답변은 내가 가장 싫어하는 종류중 하나인데, 나는 내가 틀린 답을 낼 지언정 빠르게 적용하고 바로 효과를 볼 수 있는걸 주고 싶어한다. (나는 액상과당 같은 사람이니까 과용하면 해롭다) 그리고 내 생각이 영원히 옳지 않다는 것을 알고 있으므로 더 좋은게 나오면 빠르게 갈아탄다. 자바스 wono | discuss | tweet
+ it dev nextjs FrontEnd 개발자가 가장 빠르게 서비스를 구축하는 방법Introduction웹 애플리케이션을 구축하는 것은 복잡한 작업이 될 수 있지만, 최근 몇 년간 등장한 기술 스택 덕분에 개발 속도를 크게 향상할 수 있는 방법들이 많아졌습니다. 프론트엔드 개발자들은 주로 JavaScript 또는 TypeScript에 익숙한데, 최근에는 서버와 클라이언트 모두 JavaScript로 통합할 수 있는 환경이 마련되면서 프론트엔드 개발자가 웹 전체를 빠르게 구축할 수 있는 강점을 갖추게 되었습니다. 실제로 얼마 전, 저는 부산 지역의 사설 도서관들의 도서 관리 서비스를 구축해야 했습니다. 각 사용자 별 계정을 생성하고, 해당 계정이 속한 도서관에 접근해 도서를 추가하고 삭제할 수 있어야 했으며, 사용자들이 저장된 도서 정보들을 검색할 수 있어야 했죠. 즉 웹 애플리케이션의 .. wono | discuss | tweet
+ it dev nodejs npm [React][npm][VSCode][expo]이 시스템에서 스크립트를 실행할 수 없으므로 ... 파일을 로드할 수 없습니다 에러 해결[React][npm][VSCode][expo] 이 시스템에서 스크립트를 실행할 수 없으므로 ... 파일을 로드할 수 없습니다. CategoryInfo: 보안 오류: (:) [], PSSecurityException 에러 해결 문제 해결 발생 원인 '이 시스템에서 스크립트를 실행할 수 없으므로'라는 오류는 주로 Windows 운영 체제에서 발생합니다. 특히, VSCode 등에서 Terminal 등을 이용하여 스크립트를 실행할 때 등 인데, 이 오류는 PowerShell 스크립트를 실행할 수 없는 권한 부족 문제로 인해 발생합니다. 본인의 경우에는 리액트 네이티브(React Native) 공부 중 VSCode 내 터미널(Terminal)에서 expo init 명령어를 실행했을 때 발생했습니다. 해결 방법 .. wono | discuss | tweet
+ it dev nodejs nvm [Node.js] Node.js와 NVM 깨끗하게 삭제하기Node.js 삭제하기 제어판 > 프로그램 > 프로그램 제거 (또는 Win+R > appwiz.cpl) 설치된 Node.js 버전을 찾아 선택하고 제거 NVM 삭제하기 파일 탐색기에서 C:\Users\\AppData\Roaming\nvm 폴더를 찾아 삭제 Win+R > cmd > control sysdm.cpl,,3 입력 > 환경변수 > NVM_HOME 및 NVM_SYMLINK 변수를 삭제 관련 폴더 삭제하기 C:\Program Files\nodejs 폴더 삭제 C:\Users\\AppData\Roaming\npm 폴더 삭제 Win+R > regedit > HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Run 경로에서 nvm 관련 항목을 찾아 삭제 wono | discuss | tweet
+ it dev nodejs [Node.js] 노드js 설치 | 윈도우/맥/리눅스 개발환경 구축하기 with 깃, VSCode - 골든래빗Node.js를 개발하는 환경을 구축합니다. 윈도우, 맥OS, 리눅스를 대상으로 합니다. 윈도우 사용자는 1. 윈도우 개발 환경 구축, 맥OS 사용자는 2. 맥OS 개발 환경 구축, 리눅스 사용자는 3. 리눅스 개발 환경 구축을 참고해 환경을 구축해주세요. wono | discuss | tweet
+ it dev nodejs nvm pnpm (번역) 5가지 노드 버전 관리자 비교 - 어떤 것이 적합할까요?이 글에서는 서로 다른 5가지의 Node.js 버전 관리자를 비교해보겠습니다. 이들이 서로 어떻게 다른지 그리고 프로젝트의 상황에 따라 어떤 것을 고려해야하는 지 확인하실 수 있습니다. wono | discuss | tweet
+ it dev nodejs nvm 네이티브 Windows에 Node.js 설치Windows에 직접 Node.js 개발 환경을 설치하는 방법에 대한 가이드입니다. wono | discuss | tweet
+ it dev nodejs nvm node 버전을 여러개 쓰고싶다면 NVM을 써보자Node.js는 다들 알다시파 웹 브라우저 외부에서 JavaScript 코드를 실행할 수 있는 JavaScript 런타임 환경이죠? 대부분의 프론트엔드 개발자들은 NPM을 설치하여 node의 명령어를 사용합니다. 그렇다면 NVM은 무엇일까요? NVM은 Node Version Manager의 약자로, 컴퓨터에서 여러 버전의 Node.js를 관리할 수 있는 도구입니다. NVM을 사용하면 컴퓨터의 다른 Node.js 버전 간에 쉽게 전환하고, 특정 버전을 설치 및 제거하며, 글로벌 및 프로젝트별 Node.js 버전을 관리할 수 있습니다. 서로 다른 버전의 Node.js를 서로 다른 디렉토리에 설치하고, 시스템의 PATH 환경 변수를 수정하여 서로 전환할 수 있도록 하는 방식으로 작동합니다. 이 기능은 다른 버.. wono | discuss | tweet
+ it dev react bootstrap Open source admin dashboard interface in React.js and Bootstrap 5 wono | discuss | tweet