본문 바로가기

분류 전체보기142

2024_08_30_금~09_02_월 오늘의 코딩순서http://localhost:8388/restApi/v1/membersVue (폴더: vue3Member01) + Spring (폴더: oBootJpaApi01)index.js + NestedView.vueindex.js + NestedHomeView.vue + NestedOneView.vue + NestedHomeView.vue +  NestedView.vue+ application.yml(Spring) index.js + AppCard.vue + (components에 members 폴더 만듬) MemberItem.vue + (views에 members 폴더 만듬) MemberListView.vue+ (api 폴더 만들고, members 폴더 만듬) members.js+ WebConf.. 2024. 8. 30.
2024_08_29_목 오늘의 코딩순서CMD창 입력cmd에서 Vue의 새 프로젝트 생성하기Boostrap5 설치 - npm install bootstrap bootstrap-icons라우트 설치 - npm install vue-router통신모듈( axios: ajax와 비슷한 기능) 설치- npm install axiosVue => (폴더: vue3Member01) => Spring의 API를 MSA 방식을 사용하여 서버로 만들기 main.js => 메인 설정 import 추가하기App.vue+ (router 폴더 만듬) index.js + (views 폴더 만듬)HomeView.vue + AboutView.vue+ (layouts 폴더 만듬) TheHeader.vue+ TheView.vue Spring => (폴더: oBo.. 2024. 8. 28.
2024_08_28_수 오늘의 코딩순서(폴더: vue3Basic)(04 폴더)App_keyEvent.vueApp_vFor.vue(05 폴더)App_vmodel.vueApp_watch01.vueApp_watch02.vueApp_watchEffect.vue오늘의 코딩 포인트(04 폴더)App_keyEvent.vueTip) npm install -D sass를 콘솔창에 입력하여 기능 추가하기.prevent점(.)으로 표시되는 특수 접미사로, 디렉티브가 특별한 방식으로 바인딩됨  JavaScript의 Event.preventDefault 메소드를 호출하며, Event 인터페이스의 preventDefault() 메소드는 이벤트가 명시적으로 처리되지 않은 경우에 user agent에 그 기본 액션을 정상적으로 수행해서는 안 된다고 전달 .. 2024. 8. 28.
2024_08_27_화 오늘의 코딩순서(폴더: vue3Basic)(02 폴더)App_toRef.vue(03 폴더)App_computed.vueApp_style_binding1.vueApp_style_binding2.vueApp_vif.vue(04 폴더)App_directive.vueApp_event.vue오늘의 코딩 포인트(02 폴더)App_toRef.vueTip)toRef: book.author: {{ book.author }} book.title: {{ book.title }} book.description: {{ book.description }} author: {{ author }} title: {{ title }}  종류Vue는 상태의 변경을 proxy로 감시하며, 참조가 없는 원시타입.. 2024. 8. 27.
2024_08_26_월 오늘의 코딩순서크롬에 vue.js.devtools 확장 프로그램 깔기모든 코딩은 App.vue에 한 다음 폴더에 복붙해서 rename했음 http://localhost:5173/(폴더: vue3Basic)(01 폴더)AppVue3_01.vue(02 폴더)App_compositionApi.vueApp_reactive.vueApp_readOnly.vueApp_setup2.vueApp_tempSyntax.vue 오늘의 코딩 포인트(01 폴더)AppVue3_01.vue => Vue3 방법Tip)vbase 치고 누르면 틀이 자동완성됨template여러 개의 태그들을 묶어서 처리해야 할 경우에 template를 사용함v-if, v-for, component등과 함께 많이 사용v-on: DOM 이벤트를 듣고 트리거 .. 2024. 8. 26.
2024_08_23_금 오늘의 코딩순서1. 리눅스 명령어오늘의 코딩 포인트1. 리눅스 명령어 1. ubuntu 버전 정보 확인cat etc/issue 2. apt-get 업데이트: root@컨테이너ID:/# 뒤에 명령어 입력root@4b47e1fc1e4b:/# apt-get update  3. # 뒤에 명령어 입력하여 Edit 설치4. 메모리 용량 확인하고 설치=> Y입력apt-get install vim 5. vim 치고 원하는 파일명 입력, 원하는 데이터 입력(I 누르고 INSERT모드 만들기), 저장(:w), 나오기(q!) 6. ll입력하면 정보 나옴 7. chmod rwx자리에 맞는 숫자 입력하여 권한 주고 ll 눌러서 권한 바뀐거 확인rwx의 자리는 이진법의 자리: r자리는 2의 2승, w는 2의 1승, x는 2의 0.. 2024. 8. 23.

티스토리툴바