반응형 IT39 스벨트 부모 컴포넌트에서 자식 컴포넌트의 함수 호출 방법 자식 컴포넌트 코드{count} 부모 컴포넌트 코드{ childComponent.increment() }}> 자식 컴포넌트의 함수 호출{ call() }}> 자식 컴포넌트의 함수 호출2--> 2024. 5. 23. 스벨트에서 Flowbite 설치 방법 1. 스벨트 새 프로젝트를 생성합니다.https://blog37.tistory.com/entry/%EC%8A%A4%EB%B2%A8%ED%8A%B8-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95-%EB%B0%A9%EB%B2%95 스벨트 설치 방법1. 내 컴퓨터에 Node.js 설치가 안되어 있다면, https://nodejs.org/ 사이트에서 'LTS 버전'을 다운받아 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engineblog37.tistory.com 2. 스벨트 project 폴더 주소창에서 c.. 2024. 5. 23. 스벨트에서 shadcn/ui 설치 방법 1. 스벨트 새 프로젝트를 생성합니다.https://blog37.tistory.com/entry/%EC%8A%A4%EB%B2%A8%ED%8A%B8-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95-%EB%B0%A9%EB%B2%95 스벨트 설치 방법1. 내 컴퓨터에 Node.js 설치가 안되어 있다면, https://nodejs.org/ 사이트에서 'LTS 버전'을 다운받아 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engineblog37.tistory.com 2. jsconfig.json (또는 tsco.. 2024. 5. 21. 스벨트에서 구글 머티리얼 아이콘(SVG) 사용 방법 1-1. 스벨트 새 프로젝트를 생성합니다. https://blog37.tistory.com/entry/%EC%8A%A4%EB%B2%A8%ED%8A%B8-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95-%EB%B0%A9%EB%B2%95 스벨트 개발 환경 구축 방법1. 내 컴퓨터에 Node.js 설치가 안되어 있다면, https://nodejs.org/ 사이트에서 'LTS 버전'을 다운받아 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engineblog37.tistory.com 1-2. 스벨트 project.. 2024. 5. 19. 스벨트에서 Tailwind css 설치 방법 1-1. 스벨트 새 프로젝트를 생성합니다. https://blog37.tistory.com/entry/%EC%8A%A4%EB%B2%A8%ED%8A%B8-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95-%EB%B0%A9%EB%B2%95 스벨트 개발 환경 구축 방법1. 내 컴퓨터에 Node.js 설치가 안되어 있다면, https://nodejs.org/ 사이트에서 'LTS 버전'을 다운받아 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engineblog37.tistory.com 1-2. 스벨트 project.. 2024. 5. 19. 스벨트 설치 방법 1. https://nodejs.org/ 사이트에서 'LTS 버전'으로 다운받아 Node.js를 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. '바탕 화면'에서 'project 새 폴더'를 생성 합니다. (영문으로 작성) 3. 새로 생성된 project 폴더 주소창에서 cmd를 입력 후 Enter키를 눌러 윈도우 '명령 프롬프트'를 실행합니다.4. 실행된 윈도우 '명령 프롬프트'에서 npm create vite@latest 명령어를 실행합니다. 5. Project name: 에서 '.'(마침표)을 입력하고 Enter키를 누릅.. 2024. 5. 19. NPM 기본 명령어 NPM이란Node Package Manager의 줄임말로써 (Node기반) 개발 작업에 유용한 각종 여러 모듈 패키지들을 내 컴퓨터 작업 폴더에 다운로드 및 설치, 삭제, 업그레이드를 해주는 패키지 관리 시스템 도구이다. NPM은 명령어 기반(CLI)으로 작동 되며 설치방법은 Node.js를 설치하면 자동으 설치된다.공식 사이트: https://nodejs.org/ko/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.orgNPM 기본 명령어# package.json 파일 생성npm init 프로젝트에 대한 정보를 입력하여.. package.js.. 2024. 5. 13. GIT 기본 명령어 # 설정git config --global user.name "사용자 이름" Git 사용자 "이름" 설정(및 변경) 하기.git config --global user.email "이메일 주소" Git 사용자 "이메일 주소" 설정(및 변경) 하기.git config -unset --global user.name Git 사용자 "이름" 삭제 하기.git config -unset --global user.email Git 사용자 "이메일 주소" 삭제 하기. # 시작git init Git 저장소(Repository) 생성.git status Git 현재 상태 확인.(add나 commit할 파일이 있는지 확인) # Add- 버전에 포함시킬 파일을.. 스테이징 영역(Staging A.. 2024. 5. 12. GitHub 무료 웹 호스팅 GitHub 로그인 페이지 이동: https://github.com/login GitHub: Let’s build from hereGitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...github.com 1. GitHub에 로그인을 한 다음, "New"버튼을 눌러 "새 저장소 만들기(Create a new repository)" 페이지로 이동합니다. 2. 저장소 이름(Repository name)을 지정하.. 2024. 5. 11. MongoDB 연산자 정리 # 쿼리 연산자비교$eq : 값이 같음. (필드 == 값)ex) db.users.find({ age: { $eq: 2 } })$ne : 값이 같지 않음. (필드 != 값)ex) db.users.find({ age: { $ne: 2 } })$gt : 값이 필드 값보다 큼. (필드 > 값)ex) db.users.find({ age: { $gt: 2 } })$gte : 값이 필드 값보다 크거나 같음. (필드 >= 값)ex) db.users.find({ age: { $gte: 2 } })$lt : 값이 필드 값보다 작음. (필드 ex) db.users.find({ age: { $lt: 3 } })$lte : 값이 필드 값보다 작거나 같음. (필드 ex) db.users.find(.. 2024. 5. 10. MongoDB 기본 명령어 정리 # 계정 관리 명령어생성된 계정 목록 보기 : show users계정 생성 하기 : db.createUser() ex) db.createUser({ user: "root", pwd: "1111", roles: ["root"] })계정 삭제 하기 : db.dropUser() ex) db.dropUser("root")계정 업데이트 하기 : db.updateUser(, )# 데이터베이스 명령어생성된 DB 목록 보기 : show dbsDB 생성 및 변경 하기 : use ex) use database현재 사용하고 있는 DB 보기 : dbDB 삭제 하기 : db.dropDatabase()# 컬렉션 명령어생성된 컬렉션 목록 보기 : show collections컬렉션.. 2024. 5. 10. window에서 MongoDB 설치 및 실행 MongoDB란?유연하고 확장 가능한 NoSQL 데이터베이스로써 JSON과 유사한 "키-값" 형태로 데이터를 저장하게 됩니다. (내부적으로 BSON 형태로 저장함) 성능, 확장성 및 사용 편의성으로 인해 웹 애플리케이션 및 빅 데이터에 널리 사용되는 DB 입니다.MongoDB 설치1. MongoDB 공식 사이트에 접속해서 다운로드 합니다. https://www.mongodb.com/try/download/community Try MongoDB Community EditionTry MongoDB Community Edition on premise non-relational database including the Community Server and Community Kubernetes Operator f.. 2024. 5. 10. 이전 1 2 3 4 다음 반응형
