본문 바로가기

IT지식11

Volta!! node,package 버전 관리툴!!추천(nvm대체) 오늘은 nvm 대체 툴인 volta를 소개할려고 한다!!사내에서 nvm을 대체해서 좀 더 편하고 간단하게 node 버전을 관리하기 위해서 도입하게 된 툴인데 제가 꾸준히 보고 있는 IT정보 기사에서 알게 되어서 웹 개발팀에 도입하게 되었다. 간단하게 소개하면 node버전을 관리할 수 있는 툴로  Javascript Tool Manager 입니다. global package의 버전을 프로젝트에 따라 다르게 관리 할 수 있어서 좋음!! 그리고 Rust로 만들어져 굉장히 빠른데(nvm또 빨라서 속도면에서는 큰 체감이 안 느껴짐)Window,Linux,MacOS를 지원 설치https://docs.volta.sh/guide/getting-started Getting Started | VoltaGetting Sta.. 2024. 5. 30.
ChatGpt(새로운 직업 프롬프트 엔지니어)에 대해!! 엄청난 빠른 속도로 사용자를 모은 chatgpt 컴퓨터로 학업 및 일을 하는 사람들은 경험을 안해 본 사람들이 거의 없을 정도로 최근 가장 핫한 AI 기술이다. 엄청난 사용자를 모은 chatgpt 프롬프트 마켓플레이스 라는 새로운 시장을 통해서 앞으로 더욱 AI에 시장을 점령할거라고 생각하는데 이에 대해서 알아보자!! 프롬프트란?? - ChatGPT라는 대화형 인공지능을 더욱 효율적으로 사용하기 위한 기술로 사용자가 원하는 결과를 만들기 위해서 더욱 정확하고 명확한 프롬프트를 제공하는 것이 중요하다!! 프롬프트의 중요성 1. 정확한 결과물 생성 2. 더 빠른 결과 도출 3. 스타일 및 톤의 조절 4. 개인화된 대화 5. 다양한 활동 가능성 이러한 프롬프트를 잘 활용하고 사용자가 원하는 내용을 얻을 수 있.. 2024. 2. 8.
Git 커맨드로 간단하게 사용하기 비쥬얼 스튜디오에서 git merge 및 git 이력 보기 - 회사에서 코드 관리를 하면서 git merge 및 git 이력을 자주 확인 하는 경우가 많이 있는데 git페이지에 들어가서 확인을 해도 되지만 비쥬얼 스튜디오에서도 간단하게 할 수 있다.!! 하지만 리뷰어나 alpha나 beta 환경이 아닌 master환경에는 바로 안 하는 걸 추천!! 예를 들어 alpha에서 branch를 만든 a 라는 브런치에서 코드를 수정했으면 git add . git commit -m "수정사항" 위 두 작업을 진행하고 다시 git checkout alpha (alpha 브런치로 돌아감) 알파로 돌아가서 git merge a (alpha에 a 라는 브런치를 merge 하는 것) 이렇게 하면 수정사항이 alpha에 me.. 2024. 2. 5.
Phaser(Javascript라이브러리) phaser 설명 회사에서 WEB게임을 제작하게 되면서 처음으로 공부하면서 사용하게 된 자바스크립트 라이브러리!! 솔직히 별로 하고 싶지 않았는데 이걸 왜 하고 있나 생각은 들었지만 하다보닌까 옛날에 어릴 적에 문방구나 오락실에서 했던 간단한 게임들을 구현하면서 재미를 느끼게 되었다. 간단하게 소개하면 HTML5 캔버스 게임 클라이언트 개발에 쓰이는 라이브러리(엔진)이다 - 개발 자료,튜토리얼,커뮤니티 - HTML5게임 제작에 최적화된 UX를 제공 이런 분들한테 추천!! 하지만 3D 및 모바일 앱 빌드 등은 지원하지 않는다. 하지만 모바일 앱 빌드는(IONIC)이라는 프레임 워크를 이용하면 가능하다!! 제 글에도 있지만 저도 이 프레임 워크를 이용해서 Phaser만든 웹 게임을 IOS/ANDROID로 빌.. 2023. 11. 28.
[scss]Font적용 하는 법(React) 웹 폰트의 그룹화 styles 폴더 안에 fonts 폴더를 만들어서 밑에 방식으로 font를 그룹화 지정 할 수 있습니다. @font-face { font-family : font이름(임의로 지정가능) src : 경로지정 } 위 처럼 하고 font파일도 같이 fonts폴더 안에 넣어 두는게 관리하기 편함! import type { AppProps } from "next/app"; import "../styles/globals.css"; import Layout from "../component/layouts/layout"; import "../styles/fonts/font.css"; // app 폴더에서 경로 지정하면 어디서든 사용할 수 있음 export default function App({ Com.. 2023. 11. 9.
[Ionic]하이브 프레임워크 Ionic 이란? 개발하게 된 배경 - 회사에서 웹을 어플화하는 하기 위해서 조사하는 과정에서 Ionic이라는 프레임 워크를 알게 되어서 처음으로 활용하게 되었다. 간단하게 애기하면 웹을 자동으로 어플화 해주고 안드로이드,ios 둘다 지원을 해준다. 완전 편리하지만 복잡한 어플은 아무래도 무리지 않을까 생각이 든다. Ionic Framework란? - 하이브리드 앱을 개발하기에 최적하된 환경을 제공하고, HTML API를 사용할 수 있는 컴포넌트들과 크로스 플랫폼 빌드가 가능한 Cordova 기반으로 구성된 하이브리드 앱 개발 프레임워크 - 스마트폰에 최적화된 ui를 디자인할 수 있으며, 무엇보다 크로스 플랫폼 개발이 가능하며 HTML5의 부족한 API를 네이티브 API로 보완할 수 있다. 주로 TypeScript언어를 .. 2023. 10. 10.