목록romworld (191)

romworld

[Vue.js]02 - 디렉티브, 이벤트 핸들링

Home.vue v-model : 쌍방향 데이터 바인딩. 폼(form)에서 주로 사용. ,, 태그에만 사용가능하다. @click : 이벤트 핸들링 수행 -> onclick과 같음 methods를 호출해서 사용가능 v-for : 배열 형식으로 표현할 때 사용, html 태그를 반복 출력 watch : 데이터가 실시간으로 변경될 때 감지 beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy, destroyed -> life cycle console로 찍어볼 때 set을 누르는 경우 beforeUpdate, updated만 찍히는 걸 알 수 있음 데이터에 접근할 때 html코드 안에서 접근하는 경우 {{ }} 중괄호..
etc 2023. 5. 9. 16:13
[Mac] 내가 보려고 만든 VS Code 단축키

shift + cmd + p : sh 명령 팔레트 cmd + p : 빠른 열기, 파일로 이동 shift + cmd + n : 새 창, 인스턴스 option + 방향키 위/아래 : 라인 위/아래 이동 shift + option + 방향키 위/아래 : 라인 위/아래 복사 shift + cmd + k : 한 줄 삭제 cmd + enter : 한 줄 삽입 cmd + [ or ] : 들여쓰기, 내림
etc 2023. 5. 9. 14:56
[Vue.js] 01 - Vue.js 설치 (VS code 사용)

Vue.js란? 웹 프론트엔드 프레임워크 컴포넌트 기반의 SPA(Single Page Application)를 구축할 수 있게 해주는 프레임워크 컴포넌트 ( Component) 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI 요소 재사용 가능하도록 구조화 한 것 SAP(Single Page Application) 단일 페이지 어플리케이션 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태 빠른 페이지 변환 적은 트래픽 양 1. 설치 사전에 node.js를 설치해야지 터미널에서 npm 명령어를 사용할 수 있다. - vs코드에서 terminal 실행 - 명령어 입력 npm install -g @vue/cli - 버전 확인 vue --version - 폴더 생성 vue cre..
etc 2023. 5. 9. 14:23
[node.js] 설치

구글에 node.js 검색 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 3. 왼쪽 18.16.0 LTS 설치 4. 다운로드 후 터미널 앱을 켜서 명령어 입력 node -v npm -v - 다운받은 버전 확인.
etc 2023. 5. 8. 15:01
[Git] 프로젝트 업로드 하는 법

파일크기가 100개 미만이거나 작으면 gitHub 안에서 파일 업로드를 통해 가능하지만 안될 경우 1. https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-scm.com git을 다운 받는다. 2. https://s..
etc 2023. 4. 12. 17:51
Procedure(프로시저) 랜덤값으로 반복문 주기

- 랜덤값 주기 (y/n) select * from ( select * from (select 'y' from dual union all select 'n' from dual ) order by DBMS_RANDOM.random) where rownum = 1; - 반복문으로 더미 데이터 넣기 DECLARE I NUMBER := 32; BEGIN WHILE I
DB/Oracle 2023. 3. 3. 15:54
[API] KG 이니시스 결제 API 구현 (아임포트)

1. 포트원 회원가입 ( 아임포트가 포트원으로 바뀜) https://portone.gitbook.io/docs/ 포트원 결제 연동 Docs - PortOne Docs 포트원 결제 연동 매뉴얼에 오신것을 환영합니다. 정말 빠른 시간안에 결제창 연동 개발을 끝내실수 있게 도와드립니다. portone.gitbook.io 포트원 가이드북을 순서대로 따라가면 결제 시스템 구현할 수 있다. 결제 연동에서 테스트로 KG이니시스 - KG이니시스 시스템 설정에서 가맹점 식별코드 중요! 2. pom.xml에 의존성, 라이브러리 주입 jitpack.io https://jitpack.io com.github.iamport iamport-rest-client-java 0.2.22 3. script 추가 -payment는 sdk..
etc 2023. 2. 27. 12:45
Spring 30 - adminlte3을 사용한 CRUD (파일업로드)

파일 업로드를 해보자 파일 업로드 추가하기 form 태그안에 enctype="multipart/form-data" 추가 상품 이미지 이미지 선택 상품 등록 상품아이디 자동생성 상품명 판매 가격 상품 설명 제조사 카테고리 재고수 상태 New Old Refurbished 상품 이미지 이미지 선택 등록 - resourecs 안에 uplaod 폴더 만들어주기 - getFolder 메서드 생성 //연/월/일 폴더 생성 public static String getFolder() { // 날짜 형식 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"); //날짜 객체 생성 Date date = new Date(); //2023-02-17 String str = sdf..
Spring 2023. 2. 17. 18:55
이전 Prev 1 2 3 4 5 6 ··· 24 Next 다음