728x90 반응형 전체 글303 Vue.js] 3. 반응형 기초 Vue.js는 2가지 개발 스타일이 있다. 1. Option API2. Compisiton APIVue.js 공식문서에서 API를 설정하여 문서를 확인할 수 있다. Option API는 Vue.js 기본 방식으로 컴포넌트를 구성하는 옵션 properties, methods, computed, watch등을 객체 형태로 정의한다. 기존 Vue 개발자에게 익숙한 스타일이다. Composition API는 Vue 3에 도입된 새로운 방식으로 함수형 프로그래밍의 장점을 활용한다. setup함수를 통해 컴포넌트 로직을 정의하며, 재사용성과 코드 구조의 명확성을 높인다. 여기서는 기존의 Option API에 대해 알아보자. 반응형 상태 설정data 옵션을 사용한다, 인스턴스를 처음 만들 때만 추가되므로 나중에.. 2024. 12. 24. Vue.js] 2. Vue 앱 만들기, 템플릿 문법 앱 인스턴스 모든 Vue앱은 createApp 함수를 사용하여 새로운 앱 인스턴스를 생성하는 것으로 시작한다. createApp에 전달하는 객체는 컴포넌트이며, 모든 앱에는 다른 컴포넌트를 자식으로 포함할 수 있는 최상위 컴포넌트가 필요하다. App : 최상위 컴포넌트앱 인스턴스는 .mount()메서드가 호출될 때까지 아무것도 렌더링하지 않는다. 템플릿 문법Vue는 컴포넌트 인스턴스의 데이터를 렌더링된 DOM에 바인딩할 수 있는 HTML기반 템플릿 문법을 사용한다. 내부적으로 Vue는 템플릿을 고도로 최적화된 JavaScript 코드로 컴파일합니다. 반응형 시스템과 결합된 Vue는 앱 상태의 변경 사항을 적용할 때, 다시 렌더링할 필요가 있는 최소한의 컴포넌트를 지능적으로 파악하고 DOM 조작을 최.. 2024. 12. 24. Vue.js] 1. Vue 애플리케이션 만들기 Node.js가 설치되어 있고 프로젝트를 만들려는 디렉터리에서 npm create vue@latest 명령어를 실행한다. C:\Users\built\Project>node -vv18.16.0C:\Users\built\Project>npm -v9.5.1C:\Users\built\Project>npm create vue@latestNeed to install the following packages: create-vue@3.12.2Ok to proceed? (y) yVue.js - The Progressive JavaScript Framework√ Project name: ... vue-project√ Add TypeScript? ... No / Yes√ Add JSX Support? ... No / Ye.. 2024. 12. 24. Python Django 프로젝트 IIS 설정 Django 프로젝트를 IIS서버를 통해 접속할 수 있도록 설정해보자. 기본 프로젝트와 가상환경 설정은 아래 포스트 참조VSCode] 윈도우 환경에서 Python, Django 개발환경 세팅 (tistory.com) 1. IIS, CGI 설치 브라우저를 열고 http://localhost 에 접속해보자. 기본 IIS page를 확인할 수 있다. 2. python 가상환경에 wfastcgi 설치IIS가 request를 Django로 전달할 수 있도록 wfastcgi를 설치한다. 가상환경 활성화 된 상태에서 wfastcgi를 설치한다. (DjangoFirstAppVenv) PS C:\Project\DjangoFirstApp>pip install wfastcgi 3. IIS에서 FastCGI 설정Fast.. 2024. 9. 30. VSCode] 윈도우 환경에서 Python, Django 개발환경 세팅 1. Python 설치파이썬의 버전관리를 쉽게 하기 위해, pyenv를 설치한다. pyenv를 통해 여러 버전의 파이썬을 설치하고 변경을 쉽게 해준다. 파워쉘을 관리자모드로 실행한다음 아래 명령어를 실행해서 pyenv-win을 설치한다. ⚡ 🚀 Invoke-WebRequest -UseBasicParsing -Uri "https://raw.githubusercontent.com/pyenv-win/pyenv-win/master/pyenv-win/install-pyenv-win.ps1" -OutFile "./install-pyenv-win.ps1"; &"./install-pyenv-win.ps1" Directory: C:\Users\builtMode LastWrit.. 2024. 9. 30. Git] Git bash에서 최근 커밋 Squash하기 squash는 Git command가 아니다. 다음 2가지 방법으로 commits을 squash할 수 있다. rebase 사용하기 : git rebase -i ...-squash option과 함께 merge하기 : git merge -squash시작하기 전에 Git alias slog를 만들자. $ git config --global alias.slog "log --graph --all --topo-order --pretty='format:%h %ai %s%d(%an)'"$ git slog* 7d737ab 2024-04-29 15:45:02 +0900 forth commit! (HEAD -> master)(test)* 16ddbd4 2024-04-29 13:39:04 +0900 third commit!.. 2024. 4. 30. 이전 1 2 3 4 5 6 7 8 ··· 51 다음 728x90 반응형
