전체 글 224

소스파일 만들고 저장하기1

#include int main(void){ printf("hello!!"); return 0;}저장 후 컴파일컴파일 후 실행하기 폴더 보면 2개의 파일이 생겼는데 EXE 파일 눌러도 실행은 가능함.하지만 RETURN 0 을 넣었기 때문에 바로 창 닫힘. 명령문에 관련된 설명 #include 는 C++ 프로그램에서 표준 입력 및 출력(Standard Input/Output) 기능을 사용하기 위해 포함하는 헤더 파일입니다.이 파일은 C 언어의 표준 입출력 함수를 정의하고 있으며, C++에서도 사용할 수 있습니다.1. #include 의 역할이 헤더 파일을 포함하면 다음과 같은 C 언어의 입출력 함수를 사용할 수 있습니다.printf() : 형식 지정된 출력scanf() : 형식 지정된 입력putchar()..

c++ 2025.03.03

c 언어란?

프로그램이란?어떤 언어를 사용해야 할까?컴파일러의 역할 프로그래밍 언어 분류C 언어의 역사C 언어로 할 수 있는 일C 언어의 특징 알고리즘과 논리 구성 프로그래밍 작성 과정 정리리C++는 1980년대 초반에 Bjarne Stroustrup에 의해 개발된 고급 프로그래밍 언어입니다. C++는 원래 C 언어를 기반으로 하여 객체 지향 프로그래밍(OOP)을 지원할 수 있도록 확장된 언어입니다. C++는 강력한 성능과 유연성 덕분에 다양한 분야에서 널리 사용됩니다. 여기서는 C++ 언어에 대해 좀 더 구체적으로 설명하겠습니다.주요 특징객체 지향 프로그래밍 (OOP):C++는 객체 지향 개념을 지원하여 클래스와 객체를 사용하여 프로그램을 구조화합니다.주요 OOP 개념은 캡슐화, 상속, 다형성, 추상화입니다.고급 ..

c++ 2025.03.03

Need to install the following packages - error code 3221225477

npm error code 3221225477 오류는 주로 시스템 환경이나 권한과 관련된 문제에서 발생할 수 있습니다. 이 오류를 해결하기 위한 몇 가지 방법을 시도해 볼 수 있습니다.1. npm 캐시 정리:npm 캐시가 손상되었을 가능성이 있습니다. 먼저 npm 캐시를 정리하고 다시 시도해 보세요. npm cache clean --force위에 코드 입력시 아래 메세지가 나온다면? npm cache clean --force 명령어를 실행했을 때 나오는 경고 메시지 npm warn using --force Recommended protections disabled는 경고 메시지일 뿐, 실제로 문제를 일으키지 않습니다. 이 경고는 --force 플래그를 사용할 때 npm이 내부적인 보호 메커니즘을 비활성화..

vue.js 2025.01.09

vscode - powerShell npm 오류 해결 방법

vscode 터미널에서 npm init vue@latest 입력했더니 npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일 을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com /fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + npm init vue@latest + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 오류가 나왔을 경우 해결 방법 윈도우 검색에서 PowerShell을 검색한 후, PowerS..

vue.js 2025.01.09

유용한 vscode 확장팩

유용한 vscode 확장팩 1. 한국어 팩2. indent-rainbow  -가독성 좋아요3. auto rename tag - 앞쪽 태그 변경시 자동으로 뒤쪽 태그 변경4. css peek -  html 문서에서 ctrl + click 하면 css 어디에 선언되어있는지 찾아줍니다.5.html to css autocompletion -  html에서 css명 입력시 css 에서 작성할때 자동완성 됩니다.6. html css Support - css 로 선언후 html 에서 선언시 자동완성7. live server - 코드 변경시 새로고침 안해도 자동으로 업데이트 됩니다.  단축키 alt + L , O8. eslint  -코드 검사기 - 에러검사 vue.js 하기 위한 플러그인 vue - official v..

vue.js 2025.01.08

data() 옵션

Vue.js 3의 data 옵션은 컴포넌트의 반응형 데이터를 정의하는 곳입니다. 이 옵션에서 정의된 데이터는 Vue 인스턴스에서 사용되며, Vue의 반응형 시스템에 의해 자동으로 추적됩니다. 즉, 데이터가 변경되면 Vue는 자동으로 DOM을 업데이트합니다.data는 함수로 정의해야 합니다. 컴포넌트가 여러 번 인스턴스화될 때마다 각 인스턴스마다 독립적인 데이터를 갖도록 하기 위함입니다.1. 기본 사용법Vue.js 3에서 data 옵션은 함수로 정의되어야 하며, 이 함수는 객체를 반환합니다.  {{ message }} Update Message  설명:data() 함수는 객체를 반환합니다. 이 객체 안에는 컴포넌트에서 사용할 데이터가 포함됩니다.message라는 데이터 속성은 Vue 인스턴..

vue.js 2025.01.07

Vue 환경설정( vscode 확장프로그램, 크롬 확장프로그램 설치)

1. web browser(chrome) - chrome extension 설치(file open허용) 검색창에 vue.js devtools 검색하기  설치후 검색창에chrome://extensions/  Vue.js devtools는 application을 웹 서버에 hosting하여 실행하면 곧바로 사용이 가능하지만 웹서버 없이 html파일을 직접 열어서 실행하는 경우에는 활성화 되지 않습니다. 이를 활성화시키기 위해서는 약간의 설정이 필요합니다.Vue.js devtools를 찾은 다음 세부 정보 화면으로 이동한 후 파일 URL에 대한 엑세스 허용 기능을 활성화하면 됩니다. 2. vscodevscode 확장프로그램 설치후 재시작  Search Extensions in... 에서 아래 extension..

vue.js 2025.01.06

버전별 instance 생성 방식

1. Vue.createApp() (Vue 3.x)**Vue.createApp()**는 Vue 3.x 버전에서 애플리케이션 인스턴스를 생성하는 새로운 방식입니다. Vue 3는 여러 가지 변경 사항이 포함되어 있는데, 그 중 하나가 Vue 인스턴스를 생성하는 방법의 변화입니다.특징:애플리케이션 수준의 인스턴스 생성: Vue.createApp()은 애플리케이션을 초기화하고, 루트 컴포넌트를 마운트하는 데 사용됩니다.컴포넌트 기반: Vue 3에서 애플리케이션은 컴포넌트 기반으로 관리되며, Vue.createApp()은 루트 컴포넌트를 설정한 뒤, 해당 컴포넌트를 DOM에 마운트합니다.**app.mount("#app")**를 통해 실제 DOM에 마운트됩니다.타입스크립트 지원 향상: Vue 3는 타입스크립트 지원..

vue.js 2025.01.06