전체 글 150

public, private, get,set

// 1. Array const array = [1, 2, 3]; const push1 = array.push(4); console.log(array); /* 2. New Construction this는 CreateProduct 함수를 호출하는 시점에 생성된 객체를 가리킵니다. 따라서, this.radius와 this.color는 각 객체의 radius와 color 속성에 값을 할당하게 됩니다. this.discount는 Product 객체에 discount 메서드를 추가하고, 해당 메서드를 객체의 속성으로 등록합니다. */ function CreateProduct(title, price) { let store = "1000"; //private //private된 변수를 보이게하기 (Get) this..

FrontEND/JavaScript 2023.04.16

프로토타입

자바스크립트의 프로토타입이란? 이를 예제로 설명하면, Product라는 객체가 있다고 가정해봅시다. Product 객체는 모든 Product 객체가 공유하는 메서드인 getDiscountPrice를 가지고 있습니다. 이때, Product 객체의 prototype에 getDiscountPrice 메서드를 정의하면, 모든 Product 객체는 해당 메서드를 공유하게 됩니다. 이후, Book 객체를 생성할 때, Product 객체의 prototype을 상속하여 getDiscountPrice 메서드를 사용할 수 있습니다. function Product(name, price) { this.name = name; this.price = price; } Product.prototype.getDiscountPrice ..

FrontEND/JavaScript 2023.04.16

pixabay API

1) API를 활용할 수 있는 웹사이트 https://pixabay.com/api/docs/ Pixabay API Documentation lang str Language code of the language to be searched in. Accepted values: cs, da, de, en, es, fr, id, it, hu, nl, no, pl, pt, ro, sk, fi, sv, tr, vi, th, bg, ru, el, ja, ko, zh Default: "en" category str Filter results by category. Accepted values: backgr pixabay.com 2) 회원가입하면, key값을 자동으로 얻을 수 있다. q=원하는거찾기. 여기서는 tree를..

FrontEND/JavaScript 2023.04.13

vscode와 github Issues만들기

1. vscode의 익스텐션에서 github pull. 다운로드한다. 그리고 문제가 있는코드에 //TODO 내용 @github아이디 입력 2.아래와같이 전구모양이 나온다. 3. 전구의 오른쪽 버튼 클릭시, create git hub클릭하고 엔터를 클릭한다. . 4. github에 올려준다. 그러면 아래와 같이 Issues가 생성된것을 확인 할 수 있다. 5. issue을 수정했을때, commit할 내용에 #1(Issue가 다 수정이 되었다는 듯) 꼭 넣어서 저장하고 깃허브에 올려준다. 6. 깃허브에 확인하면 Issues가 없어졌음을 확인했다.

FrontEND/JavaScript 2023.04.10

vscode와 github - 1

1)github desktop을 다운로드한다. 2)github웹사이트에 등록했던 아이디 , 비번을 입력한다. 3)내로컬에서 github 사용 할 수 있다. 4)테스트로, create new repository를 만든다. 5)이름을 test4라고 해서 만들어준다. 그리고 github웹사이트에 내가 만든test4레포지토리 있는지 확인한다. 6)vscode에서 test4폴더가 위치에 있는곳을 연다. 7) 내로컬에 test4 폴더를 열어놓고 파일을 아무거나 생성해본다. 그리고, git이모티콘을 클릭하면 아래와 같은 화면이 뜨고 + 버튼을 눌러준다. 스테이지에 올려준다. 8) + 클릭하면 스테이지에 올라가게 된다. 9) 메세지 입력하고, commit를 클릭한다. 10) publish branch을 클릭한다. 11..

FrontEND/JavaScript 2023.04.10

Model, 데이타베이스 마이그레이션(Y)

1. 설치하기 microsoft SQL Server Management Studio와 Express를 설치해야합니다. 아래에서 express를 설치해야합니다. 2. 모델만들기 모델을 테이블을 만든다고 생가하면됩니다. 그래서 모델의 이름과 테이블의 이름을 동일해야합니다. public class ApplicationUser { //ApplicationUser테이블의 필드명을 정해주었다. [Key] [Required(ErrorMessage="required")] public int UserId { get; set; } [Display(Name ="이름을 입력해주세요")] public string UserName { get; set; } [Display(Name = "연락처 입력해주세요")] public str..

BackEND/NetCore 2022.08.31

뷰모델, 뷰임포트, 뷰페이지(Y)

1. 뷰모델이 필요한 이유는 ? 기본 모델은 테이블을 만드는것이라면, 뷰모델은 원하는 컬럼을 뽑아서 사용하고자 할떄 또는 첨부파일관련해서 SQL 이 지원하지 않는 타입을 써야할때 뷰모델을 따로 만들어줘서 사용했다. 2. ViewModels 라는 폴더를 만들가 그하단에 오른쪽버튼 class추가를해서 모델이름+ViewModel를 추가해서 사용했다. 3. _ViewImports.html에 ViewModels폴더를 등록해야한다. @using Web.ViewModels 4. 뷰페이지에서 뷰모델을 불러온다. @model ApplicationUserViewModel //Contains types for handling HTTP requests and responses @using Microsoft.AspNetCore..

BackEND/NetCore 2022.08.29

라라벨에서 어드민계정을 만드는방법 breeze

user테이블에 is_admin을 추가해줘서 어드민에 해당되는것을 1로 설정하고 나머지는 회원가입해서 들어오는것은 0으로 자동 저장된다. ADMIN계정을 만드는방법 1. 라라벨에서 제공해주는 기본테이블들을 데이타베이스에 업로드한다. php artisan migrate 2. 아래 명령어를 실행 Breeze는 라라벨에서 제공하는 인증기능이다. 아래 명령어로 설치하면, 로그인, 회원가입, 비밀번호찾기 등 인증과 관련된 것을 모든것을 자동으로 설치해준다. composer require laravel/breeze --dev php artisan breeze:install npm install npm run dev 3. 이렇게까지하고, 아래 명령어를 실행하기전에 users테이블에 아래 필드를 추가한다. $table..

피드백만들기

1) php artisan make:migration create_feedbacks_table 2) 테이블 필드 수정 3) 데이타베이스에 테이블 업로드 4) 컨트롤러 만들기 php artisan make:controller FeedbacksController 5) 모델만들기 php artisan make:model Feedbacks protected $fillable = [ 'title', 'memo' ]; 6) 팩토리 만들기 php artisan make:factory FeedbacksFactory 이렇게 하면, database > factories > FeedbacksFactory.php자동으로 만들어진다. public function definition() { return [ // 'title' =..