WEB77 뷰 인스턴스 Reactivity 반응성 데이터의 변화가 있으면 새로고침 없이 변화를 감지해서 반응하는 것 뷰 인스턴스 new Vue() 형태로 생성한 객체 Vue로 개발할 때 필수로 생성해야하는 생성자 필요한 기능을 생성자에 미리 정의해 두고 그 기능을 재정의하여 사용함 뷰 인스턴스를 참고하기 위한 변수로 vm을 자주 사용(VeiwModel의 줄임말) var vm = new Vue() vm으로 Vue 라이브러리는 사용할 수 있음 인스턴스란? 프로그램에서 객체를 실체화한 것 = 실제로 동작할 것 실체화된 인스턴스는 메모리에 할당됨 var vm = new Vue({ // options }) vm 변수에 인스턴스를 담으면 new에 의해 메모리에 빈 공간이 생성된다. 생성자 함수 객체 리터럴 {...}을 사용하면 객체를 만.. 2022. 11. 12. Vue란? 코드의 재사용과 유지보수 편리성을 위해 정해진 약속대로 구조를 만들어야 한다. 이 구조를 디자인 패턴이라고 한다. MVC 패턴 Model + View + Controller Controller: 브라우저 요청을 받으면 Model을 통해 데이터를 가져오고 View를 제어하여 사용자에게 전달 Model: 데이터를 가공하는 클래스의 집합 View: Controller가 폼 형태로 준 결과를 표시하고 사용자의 입력을 받아 데이터를 업데이트 왜 사용할까? 보이는 페이지, 데이터 처리, 연결하기로 나누어 각 요소가 맡은 임무에만 집중 서로 분리된 역할은 유지보수, 확장성, 유연성이 증가 한계 복잡한 화면과 데이터 구성 시 Controller에 여러 Model과 View가 복잡하게 얽히게 됨 Model과 View의 .. 2022. 11. 7. Vue.js 준비하기 설치 1. Visual studio code 다운로드 2. Node.js 다운로드 3. Vue.js devtools 다운로드 VSC 플러그인 1. Vetur: vue.js 코드 문법강조, 자동완성, 디버깅, Lint 등 지원 2. Night Owl: 다크모드에서 소스코드 밝게 보임 3. Material Icon Theme: 폴더, 파일 아이콘 예쁘게 적용 4. Live Server: 웹페이지에 새로고침 없이 저장된 소스를 바로 적용 5. ESLint: 코드에 문제가 없는지 검사 6. Prettier: 줄 바꿈, 공백, 들여 쓰기 등 스타일을 일관성있게 맞춤 7. Auto Close Tag: 여는 태그를 만들면, 닫는 태그를 자동으로 생성 8. Atom Keymap: 아톰의 키 설정을 불러와서 단축키로 활용 2022. 11. 7. [Spring] Mac os에 Java 11과 IntelliJ 설치 JAVA 설치 1. https://www.oracle.com/kr/java/technologies/javase-jdk11-downloads.html 이동 2. macOS Installer의 jdk 다운로드 - JDK : Java Development Kit 자바로 소프트웨어를 개발할 수 있도록 기능을 담을 패키지 3. 오라클 로그인 (오라클 계정 없으면 가입) 4. 로그인되면 자동 다운로드 JAVA 버전 변경 1. 현재 기본으로 설정된 자바 버전 확인 1) 터미널에서 java -version 입력 java -version openjdk version "1.8.0_222" 현재 버전은 자바 8(=1.8) 버전 이다. 2. 설치된 전체 자바 버전 확인 1) /usr/libexec/java_home -V /u.. 2021. 6. 5. [Python] 삭제하기(form, remove) [생활코딩] 활용 - 삭제 구현 삭제버튼 만들기 index.py #!/usr/local/bin/python3 print("content-type:text/html; charset=UTF-8\n") import cgi,os files = os.listdir('data') liststr = '' for item in files: liststr = liststr + '{name}'.format(name=item) form = cgi.FieldStorage() if 'id' in form: pageId = form["id"].value description = open('data/'+pageId).read() update_link = 'update'.format(pageId=pageId) delete_actio.. 2020. 8. 23. [Python] 업데이트하기(input, format, rename) [생활코딩] 활용 - 수정 구현 pageId값 유무에 따라 update 버튼 출력 index.py #!/usr/local/bin/python3 print("content-type:text/html; charset=UTF-8\n") import cgi,os files = os.listdir('data') liststr = '' for item in files: liststr = liststr + '{name}'.format(name=item) form = cgi.FieldStorage() if 'id' in form: pageId = form["id"].value description = open('data/'+pageId).read() update_link = 'update'.format(pageid=p.. 2020. 8. 23. 이전 1 2 3 4 5 ··· 13 다음 반응형