어나THE_ME

게시물이 존재할 경우 아래에 인기순 4건이 배열됩니다

• [javascript]01 자바스크립트 실행하기 ※ 자바스크립트를 실행할 때 (방법 2가지) 1. node.js 를 이용해서 자바스크립트 실행 2. 웹 APIs 이용 (html과 main.js를 연결해서 브라우저 상에서 실행) ◈ 1번 실습 - node.js 에는( 자바스크립트 엔진이 있어서 브라우저 없이도 자바스크립트를 실행 할 수 있다 ) 1. 실습 파일 만들어준다 경로 : C:\Users\Samsung\OneDrive\바탕 화면\javascript 2. 메모장에 명령어 작성 간단한 텍스트 에딕터 툴 열어서 console.log('helloword') 출력해보기 앞서 만든 경로에 저장해준다. 저장이름 : main.js 3. 콘솔창에 실행 만약 PC 에 node.js 가 설치되어 있다면 방금 작성한 경로에 들어서 node main.js 명령어 실행하.. 더보기
• [Vue.js] Vue.js 개발을 위한 필수 VSCode 플러그인 추천 Vue.js로 개발할 때, 효율성을 극대화하고 생산성을 높이기 위해서는 적절한 개발 도구와 플러그인을 사용하는 것이 중요합니다.특히, Visual Studio Code(VSCode)는 Vue.js 개발에 최적화된 다양한 플러그인을 제공하여 개발자들이 더 편리하게 작업할 수 있도록 도와주는데요.이 글에서는 Vue.js 개발 환경을 더욱 강력하게 만들어줄 VSCode 플러그인들을 소개하고, 각 플러그인의 주요 기능과 설치 방법을 설명하겠습니다. 이를 통해 여러분의 개발 경험을 한층 더 향상시킬 수 있을 것입니다!    VSCode Plugins 설치 HTML/CSS 마크업 (코드 입력) 을 도와주는 확장 프로그램을 설치해보도록 하겠습니다.확장 프로그램들은 우리가 코딩을 할 때, 더 효율적으로 작업 할 수 있.. 더보기
• API 키 안전하게 관리하기: GitHub Actions Secrets와 CI/CD 동적 환경 변수 주입 해당 글은 프로젝트에서 민간한 정보인 API KEY 를 안전하게 관리하는 방법입니다. 제가 회사에서 한창 개발 중이었던 'AI 음성 주문 시스템'에서 시작되었습니다. 이 시스템은 아직 내부 테스트(QA) 단계에만 배포된 베타 서비스였는데요. AI 기능을 구현하기 위해 OpenAI API 키를 비롯한 여러 키 값들을 .env 파일에 넣어두고 프로젝트를 진행하고 있었습니다. 며칠전에 QA 환경에서 AI 서비스가 동작하지 않는다는 보고를 받았습니다. 의아한 마음에 OpenAI 대시보드에 접속해보니 분명히 존재해야 할 API 키가 사라져 있었습니다. gpt-5가 업데이트 되고 OpenAI 내부에서 모든 api를 삭제한건가..? 라고 생각했어요저는 대수롭지 않게 생각하고 키를 다시 생성해서 프로젝트에 업데이트한.. 더보기
• 크롬 브라우저 비밀번호 자동 완성, 이렇게 하면 완벽 차단 (feat. formkit) Vue3 호환 가능한 Form 라이브러리인 "formkit" 을 사용중입니다.팀원 중 한분이 발견해주신 이슈인데, 폼 등록 모달창을 열었을 때 input에 자동으로 문자가 들어간다고 말씀해주셨습니다.해당 이슈가 모든 사용자에게 나타나는 이슈가 아니였고, 왜인지... 저에게는 재현이 되지 않아서 원인을 추적하기가 힘들었습니다. 처음엔, 페이지 로드시 input 에 초기화를 해줘야 하는 문제인가 라고 생각을 해서 코드를 추가하고, 로컬 서버로 실행하여 이슈가 났던 분의 컴퓨터로 확인을 해봤는데 확인이 안되었습니다.이건 코드 문제가 아니라 컴퓨터 의 환경에 따라 [os 버전, 브라우저 …등 ] 또는 브라우저 캐시 문제 라고 생각이 들었습니다 그래서 이슈가 났던 분의 계정으로 로그인해봤습니다.제 컴퓨터에서 모달.. 더보기